From 52b4a4b6c405b6fc6fd2b425113a78a17f61c9a0 Mon Sep 17 00:00:00 2001 From: Ibrahim Riaz Date: Mon, 5 Jan 2026 12:49:11 +0600 Subject: [PATCH] fix: instant-search not working when extra required input field pushed (after revert) --- assets/css/admin-main.css | 51940 ++++++++++- assets/css/admin-main.rtl.css | 74715 +++++++++------- assets/css/all-listings.css | 28728 +++++- assets/css/all-listings.rtl.css | 41630 +++++---- assets/css/public-main.css | 28728 +++++- assets/css/public-main.rtl.css | 41630 +++++---- assets/js/account.js | 997 +- assets/js/add-listing-google-map.js | 955 +- assets/js/add-listing-openstreet-map.js | 913 +- assets/js/add-listing.js | 6054 +- assets/js/admin-builder-archive.js | 6998 +- assets/js/admin-import-export.js | 766 +- assets/js/admin-main.js | 8112 +- assets/js/all-authors.js | 444 +- assets/js/all-listings.js | 9424 +- assets/js/all-location-category.js | 478 +- assets/js/author-profile.js | 1098 +- assets/js/directorist-dashboard.js | 3263 +- assets/js/directorist-plupload.js | 1323 +- assets/js/global-main.js | 2643 +- assets/js/global-markerclusterer.js | 2702 +- assets/js/google-map.js | 2726 +- assets/js/openstreet-map.js | 1678 +- assets/js/public-main.js | 2758 +- assets/js/range-slider.js | 5500 +- assets/js/search-form.js | 7959 +- assets/js/single-listing.js | 3773 +- assets/js/widgets.js | 481 +- .../src/js/public/components/instantSearch.js | 2 +- 29 files changed, 239455 insertions(+), 98963 deletions(-) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index 9bcafc6f37..ffa2e4bf77 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -1,21 +1,51947 @@ /*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************/ +@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************/ +@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************/ +@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***! - \**********************************************************************************************************************************************************************************************************************************************************************************************************/@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); + \**********************************************************************************************************************************************************************************************************************************************************************************************************/ +@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! - \**********************************************************************************************************************************************************************************************************************************************************************************************************/#directiost-listing-fields_wrapper .directorist-show{display:block!important}#directiost-listing-fields_wrapper .directorist-hide{display:none!important}#directiost-listing-fields_wrapper{padding:18px 20px}#directiost-listing-fields_wrapper a:active,#directiost-listing-fields_wrapper a:focus{-webkit-box-shadow:unset;box-shadow:unset;outline:none}#directiost-listing-fields_wrapper .atcc_pt_40{padding-top:40px}#directiost-listing-fields_wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}#directiost-listing-fields_wrapper .iris-picker,#directiost-listing-fields_wrapper .iris-picker *{-webkit-box-sizing:content-box;box-sizing:content-box}#directiost-listing-fields_wrapper #gmap{height:350px}#directiost-listing-fields_wrapper label{margin-bottom:8px;display:inline-block;font-weight:500;font-size:15px;color:#202428}#directiost-listing-fields_wrapper .map_wrapper{position:relative}#directiost-listing-fields_wrapper .map_wrapper #floating-panel{position:absolute;z-index:2;right:59px;top:10px}#directiost-listing-fields_wrapper a.btn{text-decoration:none}#directiost-listing-fields_wrapper [data-toggle=tooltip]{color:#a1a1a7;font-size:12px}#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover{color:#202428}#directiost-listing-fields_wrapper .single_prv_attachment{text-align:center}#directiost-listing-fields_wrapper .single_prv_attachment div{position:relative;display:inline-block}#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img{position:absolute;top:-5px;right:-5px;background-color:#d3d1ec;line-height:26px;width:26px;border-radius:50%;-webkit-transition:.2s;transition:.2s;cursor:pointer;color:#fff;padding:0}#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img:hover{color:#c81d1d}#directiost-listing-fields_wrapper #listing_image_btn span{vertical-align:text-bottom}#directiost-listing-fields_wrapper .default_img{margin-bottom:10px;text-align:center;margin-top:10px}#directiost-listing-fields_wrapper .default_img small{color:#7a82a6;font-size:13px}#directiost-listing-fields_wrapper .atbd_pricing_options{margin-bottom:15px}#directiost-listing-fields_wrapper .atbd_pricing_options label{font-size:13px}#directiost-listing-fields_wrapper .atbd_pricing_options .bor{margin:0 15px}#directiost-listing-fields_wrapper .atbd_pricing_options small{font-size:12px;vertical-align:top}#directiost-listing-fields_wrapper .price-type-both select.directory_pricing_field{display:none}#directiost-listing-fields_wrapper .listing-img-container{text-align:center;padding:10px 0 15px}#directiost-listing-fields_wrapper .listing-img-container p{margin-top:15px;margin-bottom:4px;color:#7a82a6;font-size:16px}#directiost-listing-fields_wrapper .listing-img-container small{color:#7a82a6;font-size:13px}#directiost-listing-fields_wrapper .listing-img-container .single_attachment{width:auto;display:inline-block;position:relative}#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image{position:absolute;top:-5px;right:-5px;background-color:#d3d1ec;line-height:26px;width:26px;height:26px;border-radius:50%;-webkit-transition:.2s;transition:.2s;cursor:pointer;color:#9497a7}#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image:hover{color:#ef0000}#directiost-listing-fields_wrapper .field-options{margin-bottom:15px}#directiost-listing-fields_wrapper .directorist-hide-if-no-js{text-align:center;margin:0}#directiost-listing-fields_wrapper .form-check{margin-bottom:25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#directiost-listing-fields_wrapper .form-check input{vertical-align:top;margin-top:0}#directiost-listing-fields_wrapper .form-check .form-check-label{margin:0;font-size:15px}#directiost-listing-fields_wrapper .atbd_optional_field{margin-bottom:15px}#directiost-listing-fields_wrapper .extension_detail{margin-top:20px}#directiost-listing-fields_wrapper .extension_detail .btn_wrapper{margin-top:25px}#directiost-listing-fields_wrapper .extension_detail.ext_d{min-height:140px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#directiost-listing-fields_wrapper .extension_detail.ext_d p{margin:0}#directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper{width:100%;margin-top:auto}#directiost-listing-fields_wrapper .extension_detail.ext_d>a,#directiost-listing-fields_wrapper .extension_detail.ext_d div,#directiost-listing-fields_wrapper .extension_detail.ext_d p{display:block}#directiost-listing-fields_wrapper .extension_detail.ext_d>p{margin-bottom:15px}#directiost-listing-fields_wrapper .ext_title a{text-align:center;text-decoration:none;font-weight:500;font-size:18px;color:#202428;-webkit-transition:.3s;transition:.3s;display:block}#directiost-listing-fields_wrapper .ext_title:hover a{color:#6e63ff}#directiost-listing-fields_wrapper .ext_title .text-center{text-align:center}#directiost-listing-fields_wrapper .attc_extension_wrapper{margin-top:30px}#directiost-listing-fields_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn{padding:3px 15px;font-size:14px}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension{margin-bottom:30px;background-color:#fff;-webkit-box-shadow:0 5px 10px #e1e7f7;box-shadow:0 5px 10px #e1e7f7;padding:25px}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension img{width:100%}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon img{opacity:.6}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon a{pointer-events:none!important}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after{content:"(Coming Soon)";color:red;font-size:14px}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a{color:inherit}#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn{opacity:.5}#directiost-listing-fields_wrapper .attc_extension_wrapper__heading{margin-bottom:15px}#directiost-listing-fields_wrapper .btn_wrapper a+a{margin-left:10px}#directiost-listing-fields_wrapper.atbd_help_support .wrap_left{width:70%}#directiost-listing-fields_wrapper.atbd_help_support h3{font-size:24px}#directiost-listing-fields_wrapper.atbd_help_support a{color:#387dff}#directiost-listing-fields_wrapper.atbd_help_support a:hover{text-decoration:underline}#directiost-listing-fields_wrapper.atbd_help_support .postbox{padding:30px}#directiost-listing-fields_wrapper.atbd_help_support .postbox h3{margin-bottom:20px}#directiost-listing-fields_wrapper.atbd_help_support .wrap{display:inline-block;vertical-align:top}#directiost-listing-fields_wrapper.atbd_help_support .wrap_right{width:27%}#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox{background-color:#0073aa;border-radius:3px;-webkit-box-shadow:0 10px 20px hsla(0,0%,40.4%,.27);box-shadow:0 10px 20px hsla(0,0%,40.4%,.27)}#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3{color:#fff;margin-bottom:25px}#directiost-listing-fields_wrapper .shortcode_table td{font-size:14px;line-height:22px}#directiost-listing-fields_wrapper ul.atbdp_pro_features li{font-size:16px;margin-bottom:12px}#directiost-listing-fields_wrapper ul.atbdp_pro_features li a{color:#ededed}#directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover{color:#fff}#directiost-listing-fields_wrapper .atbdp-checkbox-list li label,#directiost-listing-fields_wrapper .atbdp-radio-list li label{text-transform:capitalize;font-size:13px}#directiost-listing-fields_wrapper .atbdp-checkbox-list li label input,#directiost-listing-fields_wrapper .atbdp-radio-list li label input{margin-right:7px}#directiost-listing-fields_wrapper .single_thm .btn_wrapper,#directiost-listing-fields_wrapper .single_thm .ext_title h4{text-align:center}#directiost-listing-fields_wrapper .postbox table.widefat{-webkit-box-shadow:none;box-shadow:none;background-color:#eff2f5}#directiost-listing-fields_wrapper #atbdp-field-details td,#directiost-listing-fields_wrapper #atbdp-field-options td{color:#555;font-size:17px;width:8%}#directiost-listing-fields_wrapper .atbdp-tick-cross{margin-left:18px}#directiost-listing-fields_wrapper .atbdp-tick-cross2{margin-left:25px}#directiost-listing-fields_wrapper .ui-sortable tr:hover{cursor:move}#directiost-listing-fields_wrapper .ui-sortable tr.alternate{background-color:#f9f9f9}#directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper{background-color:#f9f9f9;border-top:1px solid #dfdfdf}#directiost-listing-fields_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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#directorist.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 .atbd_map_title,#directorist.atbd_wrapper .g_address_wrap{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,#directorist.atbd_wrapper .atbd_map_hide label{margin-bottom:0}#directorist.atbd_wrapper #atbdp-custom-fields-list{margin:13px 0 0}#_listing_video_gallery #directorist.atbd_wrapper .form-group{margin-bottom:0}a{text-decoration:none}@media (min-width:320px) and (max-width:373px),(min-width:576px) and (max-width:694px),(min-width:768px) and (max-width:1187px),(min-width:1199px) and (max-width:1510px){#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,#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}#shortcode-updated .input label span:before{content:"Upgrade/Regenerate";position:absolute;color:#fff;left:50%;top:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:3px}#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;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#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-color:#c4c4c4;right:-5px;top:-5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;-webkit-transition:.2s ease;transition:.2s ease}#atbdp-categories-image-wrapper .remove_cat_img:hover{background-color:red;color:#fff}.plupload-thumbs .thumb:hover .atbdp-thumb-actions{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.plupload-thumbs .thumb .atbdp-file-info{border-radius:5px}.plupload-thumbs .thumb .atbdp-thumb-actions{position:absolute;width:100%;height:100%;left:0;top:0;margin-top:0}.plupload-thumbs .thumb .atbdp-thumb-actions,.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink{background-color:#000;height:30px;width:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-transition:.3s ease;transition:.3s ease;font-size:14px}.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover{background-color:#e23636}.plupload-thumbs .thumb .atbdp-thumb-actions:before{border-radius:5px}.plupload-upload-uic .atbdp_button{border:1px solid #eff1f6;background-color:#f8f9fb}.plupload-upload-uic .atbdp-dropbox-file-types{color:#9299b8}@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[aria-label]:after,.atbd_tooltip[aria-label]:before{position:absolute!important;bottom:100%;display:none;-webkit-animation:showTooltip .3s ease;animation:showTooltip .3s ease}.atbd_tooltip[aria-label]:before{content:"";left:50%;-webkit-transform:translate(-50%,7px);transform:translate(-50%,7px);border:6px solid transparent;border-top-color:rgba(0,0,0,.8)}.atbd_tooltip[aria-label]:after{content:attr(aria-label);left:50%;-webkit-transform:translate(-50%,-5px);transform:translate(-50%,-5px);min-width:150px;text-align:center;background:rgba(0,0,0,.8);padding:5px 12px;border-radius:3px;color:#fff}.atbd_tooltip[aria-label]:hover:after,.atbd_tooltip[aria-label]:hover:before{display:block}@-webkit-keyframes showTooltip{0%{opacity:0}}@keyframes showTooltip{0%{opacity:0}}.atbdp_shortcodes{position:relative}.atbdp_shortcodes:after{content:"\f0c5";font-family:Font Awesome\ 5 Free;color:#000;font-weight:400;line-height:normal;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;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}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:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#pyn_service_budget label #is_hourly{margin-right:5px}#titlediv #title{padding:3px 8px 7px;font-size:26px;height:40px}.password_notice,.req_password_notice{padding-left:20px;padding-right:20px}#danger_example,#danout_example,#primary_example,#priout_example,#prioutlight_example,#secondary_example,#success_example{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#danger_example .button,#danger_example input[type=text],#danout_example .button,#danout_example input[type=text],#primary_example .button,#primary_example input[type=text],#priout_example .button,#priout_example input[type=text],#prioutlight_example .button,#prioutlight_example input[type=text],#secondary_example .button,#secondary_example input[type=text],#success_example .button,#success_example input[type=text]{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 input,.atbdp-timestamp-wrap select{margin-bottom:5px!important}.csv-action-btns{margin-top:30px}.csv-action-btns a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;line-height:44px;padding:0 20px;background-color:#fff;border:1px solid #e3e6ef;color:#272b41;border-radius:5px;font-weight:600;margin-right:7px}.csv-action-btns a span{color:#9299b8}.csv-action-btns a:last-child{margin-right:0}.csv-action-btns a.btn-active{background-color:#2c99ff;color:#fff;border-color:#2c99ff}.csv-action-btns a.btn-active span{color:hsla(0,0%,100%,.8)}.csv-action-steps ul{width:700px;margin:80px auto 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.csv-action-steps ul li{position:relative;text-align:center;width:25%}.csv-action-steps ul li:before{position:absolute;content:url(../images/2043b2e371261d67d5b984bbeba0d4ff.png);left:112px;top:8px;width:125px;overflow:hidden}.csv-action-steps ul li .step{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#9299b8;-webkit-box-shadow:5px 0 10px rgba(146,153,184,.15);box-shadow:5px 0 10px rgba(146,153,184,.15);background-color:#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}.csv-action-steps ul li.active .step{background-color:#272b41;color:#fff}.csv-action-steps ul li.active .step-text{color:#272b41}.csv-action-steps ul li.done:before{content:url(../images/8421bda85ddefddf637d87f7ff6a8337.png)}.csv-action-steps ul li.done .step{background-color:#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.done:before,.csv-action-steps ul li:last-child:before{content:none}.csv-wrapper{margin-top:20px}.csv-wrapper .csv-center{width:700px;margin:0 auto;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 5px 8px rgba(146,153,184,.15);box-shadow:0 5px 8px rgba(146,153,184,.15)}.csv-wrapper form header{padding:30px 30px 20px;border-bottom:1px solid #f1f2f6}.csv-wrapper form header h2{margin:0 0 15px;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;font-size:15px}.csv-wrapper form .form-content .directorist-importer-options .csv-upload{position:relative}.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload{opacity:0;position:absolute;left:0;top:0;width:1px;height:0}.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload+label{cursor:pointer}.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload+label,.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload+label .upload-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload+label .upload-btn{line-height:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;padding:0 20px;background-color:#5a5f7d;color:#fff;font-weight:500;min-width:140px}.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload+label .file-name{color:#9299b8;display:inline-block;margin-left:5px}.csv-wrapper form .form-content .directorist-importer-options .csv-upload small{font-size:13px;color:#9299b8;display:block;margin-top:10px}.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:10px}.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input{width:120px;border-radius:4px;border:1px solid #c6d0dc;height:36px}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3{margin-top:0}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label{width:100%;display:block;margin-bottom:15px}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type{border:1px solid #c6d0dc;border-radius:4px;line-height:40px;padding:0 15px;width:100%}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table{border:0;-webkit-box-shadow:none;box-shadow:none;margin-top:25px}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr td,.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr th{width:50%}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead{background-color:#f4f5f7}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead th{border:0;font-weight:500;color:#272b41}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name{padding-top:15px;padding-left:0}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name p{margin:0 0 5px;color:#272b41}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name .description{color:#9299b8}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name code{line-break:anywhere}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field{padding-top:20px;padding-right:0}.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field select{border:1px solid #c6d0dc;border-radius:4px;line-height:40px;padding:0 15px;width:100%}.csv-wrapper form .atbdp-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 30px;background-color:#f4f5f7;border-radius:0 0 5px 5px}.csv-wrapper form .atbdp-actions .button{background-color:#3e62f5;color:#fff;border:0;line-height:44px;padding:0 20px;border-radius:5px;font-size:15px}.csv-wrapper form .atbdp-actions .button:focus,.csv-wrapper form .atbdp-actions .button:hover{opacity:.9}.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;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 .importer-progress-notice{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#5a5f7d;margin-top:10px}.csv-wrapper .directorist-importer__importing span.importer-notice{padding-bottom:0;font-size:14px;font-style:italic}.csv-wrapper .directorist-importer__importing span.importer-details{padding-top:0;font-size:14px}.csv-wrapper .directorist-importer__importing progress{border-radius:15px;width:100%;height:15px;overflow:hidden}.csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar{background-color:#e8f0f8;border-radius:15px}.csv-wrapper .directorist-importer__importing progress::-webkit-progress-value{background-color:#3e62f5;border-radius:15px}.csv-wrapper .directorist-importer__importing progress::-moz-progress-bar{background-color:#e8f0f8;border-radius:15px;border:none;box-shadow:none}.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar{background-color:#3e62f5;border-radius:15px}.csv-wrapper .csv-import-done .wc-progress-form-content{padding:100px 30px 80px}.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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:50%;background-color:#0fb73b;font-size:70px;color:#fff;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 30px;background-color:#f4f5f7}.csv-wrapper .csv-import-done .atbdp-actions .button{background-color:#2c99ff;color:#fff;border:0;line-height:44px;padding:0 20px;border-radius:5px;font-weight:500;font-size:15px}.csv-wrapper .csv-center.csv-export{padding:100px 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.csv-wrapper .csv-center.csv-export .button-secondary{background-color:#2c99ff;color:#fff;border:0;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 15px;border-radius:3px;color:#fff;background-image:none;width:auto;cursor:pointer}#csv_import .vp-input+span:after{content:"Run Importer"}.vp-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.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}.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=date],.postbox-container .postbox .form-group input[type=email],.postbox-container .postbox .form-group input[type=number],.postbox-container .postbox .form-group input[type=tel],.postbox-container .postbox .form-group input[type=text],.postbox-container .postbox .form-group input[type=time],.postbox-container .postbox .form-group input[type=url],.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=date]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=email]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=number]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=tel]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=text]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=time]::-webkit-input-placeholder,.postbox-container .postbox .form-group input[type=url]::-webkit-input-placeholder,.postbox-container .postbox .form-group select.form-control::-webkit-input-placeholder{color:#868eae}.postbox-container .postbox .form-group input[type=date]::-moz-placeholder,.postbox-container .postbox .form-group input[type=email]::-moz-placeholder,.postbox-container .postbox .form-group input[type=number]::-moz-placeholder,.postbox-container .postbox .form-group input[type=tel]::-moz-placeholder,.postbox-container .postbox .form-group input[type=text]::-moz-placeholder,.postbox-container .postbox .form-group input[type=time]::-moz-placeholder,.postbox-container .postbox .form-group input[type=url]::-moz-placeholder,.postbox-container .postbox .form-group select.form-control::-moz-placeholder{color:#868eae}.postbox-container .postbox .form-group input[type=date]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=email]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=number]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=tel]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=text]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=time]:-ms-input-placeholder,.postbox-container .postbox .form-group input[type=url]:-ms-input-placeholder,.postbox-container .postbox .form-group select.form-control:-ms-input-placeholder{color:#868eae}.postbox-container .postbox .form-group input[type=date]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=email]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=number]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=tel]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=text]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=time]::-ms-input-placeholder,.postbox-container .postbox .form-group input[type=url]::-ms-input-placeholder,.postbox-container .postbox .form-group select.form-control::-ms-input-placeholder{color:#868eae}.postbox-container .postbox .form-group input[type=date]::placeholder,.postbox-container .postbox .form-group input[type=email]::placeholder,.postbox-container .postbox .form-group input[type=number]::placeholder,.postbox-container .postbox .form-group input[type=tel]::placeholder,.postbox-container .postbox .form-group input[type=text]::placeholder,.postbox-container .postbox .form-group input[type=time]::placeholder,.postbox-container .postbox .form-group input[type=url]::placeholder,.postbox-container .postbox .form-group select.form-control::placeholder{color:#868eae}.postbox-container .postbox .form-group textarea{display:block;width:100%;padding: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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px 15px}.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 input,.postbox-container .postbox .form-group .atbdp_social_field_wrapper select{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:var(--directorist-color-primary);border:0;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}.atbds_wrapper{padding-right:60px}.atbds_wrapper .atbds_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.atbds_wrapper .atbds_col-left{margin-right:30px}.atbds_wrapper .atbds_col-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;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}.atbds_wrapper .pl-30{padding-left:30px}.atbds_wrapper .pr-30{padding-right:30px}.atbds_card.card{padding:0;min-width:100%;border:0;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(173,180,210,.1);box-shadow:0 5px 10px rgba(173,180,210,.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;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;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;-webkit-box-shadow:0 0 0 0 #5b9dd9,0 0 0 0 rgba(30,140,190,0);box-shadow:0 0 0 0 #5b9dd9,0 0 0 0 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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.atbds_card .card-body .atbds_c-t__details{padding:20px 0}#atbds_r-viewing .atbds_card,#atbds_support .atbds_card{max-width:900px;min-width:auto}.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;-webkit-box-shadow:0 0;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;-webkit-box-shadow:0 0;box-shadow:0 0}.atbds_text-center{text-align:center}.atbds_d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.atbds_flex-wrap,.atbds_row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.atbds_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:-15px;margin-left:-15px}.atbds_col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:31.21%;position:relative;width:100%;padding-right:1.05%;padding-left:1.05%}.atbd_tooltip{position:relative;cursor:pointer}.atbd_tooltip .atbd_tooltip__text{display:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:24px;padding:10.5px 15px;min-width:300px;line-height:1.7333;border-radius:4px;background-color:#272b41;color:#bebfc6;z-index:10}.atbd_tooltip .atbd_tooltip__text.show{display:inline-block}.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{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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(161,168,198,.05);box-shadow:0 5px 10px rgba(161,168,198,.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_btnLink{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;color:#3e62f5}.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;-webkit-box-shadow:0 5px 10px rgba(62,98,245,.1);box-shadow:0 5px 10px rgba(62,98,245,.1);-webkit-transition:.3s;transition:.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:not(:last-child){margin-bottom:30px}.atbds_form-row input[type=email],.atbds_form-row input[type=text],.atbds_form-row label,.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;-webkit-box-shadow:0 0;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;padding-left:38px;margin-bottom:0;line-height:1.4;font-weight:400;color:#868eae}.atbds_customCheckbox input[type=checkbox]+label:after{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:3px;content:"";background-color:#fff;border:1px solid #c6d0dc;-webkit-transition:.3s ease;transition:.3s ease}.atbds_customCheckbox input[type=checkbox]+label:before{position:absolute;font-size:12px;left:4px;top:2px;font-weight:900;content:"\f00c";font-family:Font Awesome\ 5 Free;display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .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;-webkit-box-shadow: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-color:#fff;text-align:left;border-radius:3px}#listing_form_info .atbd_content_module .atbd_content_module_title_area{border-bottom:1px solid #e3e6ef;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#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,#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-color:#222;border:0;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{padding:10px 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{padding:10px 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{-webkit-box-flex:0;-webkit-flex:0 0 47%;-ms-flex:0 0 47%;flex:0 0 47%;max-width:47%;padding-left:1.5%;padding-right:1.5%}}@media only screen and (max-width:1024px){.atbds_warnings .atbds_row{margin:0}.atbds_warnings .atbds_col-4{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;padding-right:0}}@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:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column}.atbds_wrapper .atbds_row .atbds_col-left{margin-right:0}.atbds_wrapper .atbds_row .atbds_sidebar.pl-30{padding-left:0}.atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.atbds_remoteViewingForm .atbds_form-row input{min-width:100%;margin-bottom:15px}.table-responsive{width:100%;display:block;overflow-x:auto}}@media only screen and (max-width:764px){.atbds_warnings__single{padding:15px}.atbds_supportForm{padding:10px 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-color:#fff;-webkit-transition:.3s ease;transition:.3s ease}#atbds_r-viewing .atbds_form-row .button-secondary:hover{background-color:#3e62f5;color:#fff}.atbdb_content_module_contents .ez-media-uploader{text-align:center}.add_listing_form_wrapper #delete-custom-img,.add_listing_form_wrapper #listing_image_btn,.add_listing_form_wrapper .upload-header{font-size:15px;padding:0 15.8px!important;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:38px;border-radius:4px;text-decoration:none;color:#fff}.add_listing_form_wrapper .listing-img-container{margin:-10px;text-align:center}.add_listing_form_wrapper .listing-img-container .single_attachment{display:inline-block;margin:10px;position:relative}.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image{position:absolute;top:-5px;right:-5px;background-color:#d3d1ec;line-height:26px;width:26px;border-radius:50%;-webkit-transition:.2s;transition:.2s;cursor:pointer;color:#fff}.add_listing_form_wrapper .listing-img-container img{max-width:100px;height:65px!important}.add_listing_form_wrapper .listing-img-container p{font-size:14px}.add_listing_form_wrapper .directorist-hide-if-no-js{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#007cba;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 15px;border-radius:3px;color:#fff;background-image:none;width:auto;cursor:pointer}#announcment_submit .vp-input~span:after{content:"Send"}#announcement_submit .vp-input~span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#007cba;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 15px;border-radius:3px;color:#fff;background-image:none;width:80px;cursor:pointer}#announcement_submit .vp-input~span:after{content:"Send"}#announcement_submit .label{visibility:hidden}.announcement-feedback{margin-bottom:15px}.atbdp-section{display:block}.atbdp-accordion-toggle,.atbdp-section-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}.atbdp-license-accordion{margin:30px 0}.atbdp-accordion-content{display:none;padding:10px;background-color:#fff}.atbdp-card-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 -15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.atbdp-card-list__item{margin-bottom:10px;width:100%;max-width:300px;padding:0 15px}.atbdp-card{display:block;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(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{font-size:60px;display:block}.atbdp-centered-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:calc(100vh - 50px)}.atbdp-form-container{margin:0 auto;width:100%;max-width:400px;padding:20px;border-radius:4px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);background-color:#fff}.atbdp-license-form-container{-webkit-box-shadow:none;box-shadow:none}.atbdp-form-page,.atbdp-form-response-page{width:100%}.atbdp-checklist-section{margin-top:30px;text-align:left}.atbdp-form-body,.atbdp-form-header{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:700}input.atbdp-form-control{display:block;width:100%;height:40px;border-radius:4px;border:0;padding:0 15px;background-color:#f4f5f7}.atbdp-form-feedback{margin:10px 0}.atbdp-form-feedback span{display:inline-block;margin-left:10px}.et-auth-section-wrap,.et-auth-section-wrap .atbdp-input-group-wrap{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;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:hsla(0,0%,100%,.5)}.atbdp-form-alert a:hover{color:hsla(0,0%,100%,.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}.purchase-refresh-btn-wrapper{overflow:hidden}.atbdp-action-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:grey}.atbdp-tab-nav-area{display:block}.atbdp-tab-nav-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px;border-bottom:1px solid #ccc}.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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.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;-webkit-box-shadow:none;box-shadow:none}.atbdp-tab-content-area,.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link{display:block}.atbdp-tab-content{display:none}.atbdp-tab-content.active{display:block}#directorist.atbd_wrapper ul.atbdp-counter-list{padding:0;margin:0 -20px;-webkit-box-sizing:border-box;box-sizing:border-box}.atbdp-counter-list__item{display:inline-block;list-style:none;padding:0 20px}.atbdp-counter-list__number{font-size:30px;line-height:normal;margin-bottom:5px}.atbdp-counter-list__label,.atbdp-counter-list__number{display:block;font-weight:500}.atbdp-counter-list-vertical,.atbdp-counter-list__actions{display:block}.atbdp-counter-list-vertical .atbdp-counter-list__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:475px){.atbdp-counter-list-vertical .atbdp-counter-list__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.atbdp-counter-list-vertical .atbdp-counter-list__item .atbdp-counter-list__actions{margin-left:0!important}}.atbdp-counter-list-vertical .atbdp-counter-list__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-color:#fff;border-radius:4px}.et-wrapper .et-wrapper-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px 30px;border-bottom:1px solid #f1f2f6}.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-color:#f4f5f7;height:40px;border-radius:4px;border:0;padding:0 15px 0 40px;min-width:300px}.et-wrapper .et-wrapper-head .et-search span{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px}.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;padding-bottom:0}.et-wrapper .et-contents__tab-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 18px;border-bottom:1px solid #e3e6ef}.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;-webkit-transition:.3s ease;transition:.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-color:#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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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-color:#c6d0dc!important;border-radius:4px;color:#fff!important;line-height:30px;padding:0 15px!important}.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn{padding:6px 15px;border:none;border-radius:4px!important;cursor:pointer;-webkit-transition:.3s ease;transition:.3s ease}.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:active,.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:focus{outline:none!important}.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn.ei-action-active{background-color:#3e62f5!important}.et-wrapper .et-contents .ext-wrapper table .extension-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px 15px;min-width:300px}.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox .directorist-checkbox__label{padding-left:30px}.et-wrapper .et-contents .ext-wrapper table .extension-name input{margin-right:20px!important}.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox__label{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after{top:12px}.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{top:16px!important}.et-wrapper .et-contents .ext-wrapper table .extension-name label{margin-bottom:0!important;display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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-color:#00b158;line-height:22px;padding:0 10px;border-radius:25px}.et-wrapper .et-contents .ext-wrapper table .ext-update-info{margin-bottom:0!important;position:relative;padding-left:20px;font-size:13px}.et-wrapper .et-contents .ext-wrapper table .ext-update-info:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background-color:#2c99ff;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.et-wrapper .et-contents .ext-wrapper table .ext-update-info span{color:#2c99ff;display:inline-block;margin-left:10px;border-bottom:1px dashed #2c99ff;cursor:pointer}.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before{background-color:#00b158}.et-wrapper .et-contents .ext-wrapper table .ext-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 0 -8px;min-width:170px}.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop{margin-left:17px;display:inline-block;position:relative;font-size:18px;line-height:34px;border-radius:4px;padding:0 8px;-webkit-transition:.3s ease;transition:.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;-webkit-box-shadow:0 5px 10px rgba(161,168,198,.2);box-shadow:0 5px 10px rgba(161,168,198,.2);background-color:#fff;z-index:1;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:.3s ease;transition:.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;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:660px){.et-header-title-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.et-header-actions{margin:0 10px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:660px){.et-header-actions{margin:10px -6px -6px}.et-header-actions .atbdp-action-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper{margin-bottom:10px}}.et-auth-section,.et-auth-section-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.et-auth-section-wrap{padding:1px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.atbdp-input-group-append,.atbdp-input-group-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#directorist.atbd_wrapper .ext-action-btn{display:inline-block;line-height:34px;background-color:#f4f5f7!important;padding:0 20px;border-radius:25px;margin:0 8px;-webkit-transition:.3s ease;transition:.3s ease;font-size:14px!important;font-weight:500;white-space:nowrap}#directorist.atbd_wrapper .ext-action-btn.ext-install-btn,#directorist.atbd_wrapper .ext-action-btn:hover{background-color:#3e62f5!important;color:#fff!important}.et-tab{display:none}.et-tab-active{display:block}.theme-card-wrapper{padding:20px 30px 50px}.theme-card{background-color:#fff;-webkit-box-shadow:0 5px 20px rgba(173,180,210,.3);box-shadow:0 5px 20px rgba(173,180,210,.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;-webkit-box-shadow:0 5px 10px rgba(173,180,210,.2);box-shadow:0 5px 10px rgba(173,180,210,.2)}.theme-card figure figcaption .theme-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}.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-color:#f4f5f7!important;font-size:14px;font-weight:500;line-height:40px;padding:0 20px;color:#272b41;display:inline-block;margin:8px 6px}.theme-card figure figcaption .theme-action .theme-action-btn.btn-customize{color:#fff!important;background-color:#3e62f5!important}.theme-card__footer{border-top:1px solid #eff1f6;padding:20px 25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.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-color:#2c99ff;border-radius:50%;left:0;top:50%;-webkit-transform:translateY(-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-color:#3e62f5!important;border-radius:20px;padding:0 20px}.available-themes-wrapper .available-themes{padding:12px 30px 30px;margin:-15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.available-themes-wrapper .available-themes .available-theme-card figure{margin:0}.available-themes-wrapper .available-theme-card{max-width:400px;background-color:#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,.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;-webkit-box-shadow:0 5px 10px rgba(134,142,174,.05);box-shadow:0 5px 10px rgba(134,142,174,.05);background-color:#fff!important;font-weight:500;font-size:14px;margin:8px 6px}.available-themes-wrapper figure .theme-action .theme-action-btn.theme-activate-btn{background-color:#3e62f5!important;color:#fff!important}#directorist.atbd_wrapper .account-connect{padding:30px 50px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 5px 20px rgba(173,180,210,.05);box-shadow:0 5px 20px rgba(173,180,210,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-12px -5px}#directorist.atbd_wrapper .account-connect__form-group{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:12px 5px}#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%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#directorist.atbd_wrapper .account-connect__form-btn{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:12px 5px}#directorist.atbd_wrapper .account-connect__form-btn button{position:relative;display:block;width:100%;border:0;background-color:#3e62f5;height:50px;padding:0 20px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(62,98,245,.1);box-shadow:0 5px 10px rgba(62,98,245,.1);font-size:15px;font-weight:500;color:#fff;cursor:pointer}#directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.extension-theme-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin:-25px}#directorist.atbd_wrapper .et-column{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:25px}@media only screen and (max-width:767px){#directorist.atbd_wrapper .et-column{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}#directorist.atbd_wrapper .et-column h2{font-size:22px;font-weight:500;color:#272b41;margin-bottom:25px}#directorist.atbd_wrapper .et-card{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 5px 5px rgba(173,180,210,.05);box-shadow:0 5px 5px rgba(173,180,210,.05);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:15px;margin-bottom:20px}@media only screen and (max-width:1199px){#directorist.atbd_wrapper .et-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}#directorist.atbd_wrapper .et-card__details,#directorist.atbd_wrapper .et-card__image{padding:10px}@media only screen and (max-width:1199px){#directorist.atbd_wrapper .et-card__details,#directorist.atbd_wrapper .et-card__image{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{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#directorist.atbd_wrapper .et-card__details h3{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:500;color:#272b41}#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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#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,.1);color:#3e62f5}#directorist.atbd_wrapper .et-card__btn--secondary{background-color:rgba(255,64,140,.1);color:#ff408c}.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,.5);left:0;top:0;z-index:9999;display:none;overflow:hidden;outline:0}.at-modal-content{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 5rem);pointer-events:none}.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{-webkit-transition:.3s ease;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;-webkit-transition:.3s ease;transition:.3s ease}.at-modal .atm-contents-inner .at-modal-close{width:32px;height:32px;top:20px;right:20px;position:absolute;-webkit-transform:none;transform:none;background-color:#444752;color:#fff;border-radius:300px;opacity:1;font-weight:300;z-index:2;font-size:16px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.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}body.wp-admin{background-color:#f3f4f6;font-family:Inter,sans-serif}.directorist_builder-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;margin-left:-24px;margin-top:-10px;background-color:#fff;padding:0 24px;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}@media only screen and (max-width:575px){.directorist_builder-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px 0}}@media only screen and (max-width:575px){.directorist_builder-header .directorist_builder-header__left{margin-bottom:15px}}.directorist_builder-header .directorist_logo{max-width:108px;max-height:32px}.directorist_builder-header .directorist_logo img{width:100%;max-height:inherit}.directorist_builder-header .directorist_builder-links{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 18px}.directorist_builder-header .directorist_builder-links li{display:inline-block;margin-bottom:0}.directorist_builder-header .directorist_builder-links a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:2px 5px;padding:17px 0;text-decoration:none;font-size:13px;color:#4d5761;font-weight:500;line-height:14px}.directorist_builder-header .directorist_builder-links a .svg-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#747c89}.directorist_builder-header .directorist_builder-links a:hover{color:#3e62f5}.directorist_builder-header .directorist_builder-links a:hover .svg-icon{color:inherit}@media only screen and (max-width:575px){.directorist_builder-header .directorist_builder-links a{padding:6px 0}}.directorist_builder-header .directorist_builder-links a i{font-size:16px}.directorist_builder-body{margin-top:20px}.directorist_builder-body .directorist_builder__title{font-size:26px;line-height:34px;font-weight:600;margin:0;color:#2c3239}.directorist_builder-body .directorist_builder__title .directorist_count{color:#747c89;font-weight:500;margin-left:5px}.pstContentActive,.pstContentActive2,.pstContentActive3,.tabContentActive{display:block!important;-webkit-animation:showTab .6s ease;animation:showTab .6s ease}.atbd_tab_inner,.pst_tab_inner,.pst_tab_inner-2,.pst_tab_inner-3{display:none}.atbdp-settings-manager .directorist_membership-notice{margin-bottom:0}.directorist_membership-notice{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#5441b9;background:linear-gradient(45deg,#5441b9 1%,#b541d8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5441b9",endColorstr="#b541d8",GradientType=1);padding:20px;border-radius:14px;margin-bottom:30px}@media only screen and (max-width:767px){.directorist_membership-notice{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}@media only screen and (max-width:475px){.directorist_membership-notice{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.directorist_membership-notice .directorist_membership-notice__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:1199px){.directorist_membership-notice .directorist_membership-notice__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}@media only screen and (max-width:800px){.directorist_membership-notice .directorist_membership-notice__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}}.directorist_membership-notice .directorist_membership-notice__content 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:0 auto 24px}}.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:700;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:hsla(0,0%,100%,.5647058824)}.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:700;min-height:47px;line-height:1.95;padding:0 15px;border-radius:6px;color:#000;-webkit-transition:.3s;transition:.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:450px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1;width:50%;font-size:16px;font-weight:500;color:#fff;margin:8px 0}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#f8d633;margin-right:12px}.directorist_membership-notice__list li .directorist_membership-notice__list__icon i{position:relative;top:1px;font-size:11px;color:#000}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:18px;font-weight:700;color:#000;min-height:52px;border-radius:8px;padding:0 34.45px;background-color:#f8d633;-webkit-transition:.3s;transition:.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#fff;-webkit-transition:.3s;transition:.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist_builder__content .directorist_btn.directorist_btn-success{background-color:#08bf9c}.directorist_builder__content .directorist_builder__content__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 20px}.directorist_builder__content .directorist_builder__content__right{width:100%}.directorist_builder__content .directorist_builder__content__right .directorist-total-types{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px 30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:32px}.directorist_builder__content .directorist_builder__content__right .directorist_link-block-wrapper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.directorist_builder__content .directorist_builder__content__right .directorist_link-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;text-decoration:none;padding:0 16px;height:40px;border:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_new-directory{-webkit-box-shadow:0 2px 4px 0 rgba(60,41,170,.12);box-shadow:0 2px 4px 0 rgba(60,41,170,.12)}.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary{background-color:#3e62f5;color:#fff;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary:hover{background-color:#5a7aff;border-color:#5a7aff}.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline{background-color:#fff;color:#3e62f5;-webkit-box-shadow:0 1px 0 0 rgba(27,31,35,.1);box-shadow:0 1px 0 0 rgba(27,31,35,.1)}.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline:hover{color:#5a7aff;border-color:#5a7aff}.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon i{font-size:16px;font-weight:900;color:#fff}.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text{display:block;font-size:14px;line-height:16.24px;font-weight:500}@media only screen and (max-width:1199px){.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text{font-size:15px}}.directorist_builder__content .directorist_builder__content__right .directorist_btn-migrate{margin-top:20px}.directorist_builder__content .directorist_builder__content__right .directorist_btn-import .directorist_link-icon{border:0}.directorist_builder__content .directorist_builder__content__right .directorist_table{width:100%;text-align:left;border-spacing:0;empty-cells:show;margin-bottom:0;margin-top:0;border:1px solid #e5e7eb;border-radius:12px;white-space:nowrap}@media only screen and (max-width:1199px){.directorist_builder__content .directorist_builder__content__right .directorist_table{display:inline-grid;overflow-x:auto;overflow-y:hidden}}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.42px;text-transform:uppercase;color:#141921;max-height:56px;min-height:56px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 50px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row>div:not(:first-child){text-align:center}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row>div:last-child{text-align:right}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;opacity:0;visibility:hidden}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:24px;background:#fff;border-top:none;border-radius:0 0 12px 12px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:72px;max-height:72px;font-size:16px;font-weight:500;line-height:18px;color:#4d5761;background:#fff;border-radius:12px;border:1px solid #e5e7eb;-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:#e5e7eb;border-radius:12px 0 0 12px;z-index:1}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover:before{background:#113997}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:10px 20px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row>div:not(:first-child){text-align:center}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row>div:last-child{text-align:right}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag{height:72px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:unset!important;-webkit-flex:unset!important;-ms-flex:unset!important;flex:unset!important;padding:0 6px 0 12px!important;border-radius:12px 0 0 12px;cursor:-webkit-grabbing;cursor:grabbing;-webkit-transition:background .3s ease;transition:background .3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:before{display:none}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:after{bottom:-3px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:hover{background:#f3f4f6}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title{color:#141921;font-weight:600;padding-left:17px!important;margin-left:8px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a{color:inherit;outline:none;-webkit-box-shadow:none;box-shadow:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover{color:#113997}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#113997;background:#d7e4ff;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px;border-radius:4px;padding:0 8px;margin:0}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id{color:rgba(0,8,51,.6509803922);font-size:14px;font-weight:500;line-height:16px;margin-top:4px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count{color:#1974a8}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:8px;border-radius:4px;background:transparent;color:#3e63dd;font-size:12px;font-weight:600;line-height:16px;height:32px;border:1px solid rgba(0,13,77,.2);-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a svg{width:16px;height:16px;color:#3e63dd}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a svg path{fill:#3e63dd}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a:hover{border-color:#113997;color:#113997}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a:hover svg{color:#113997}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions>a:hover svg path{fill:#113997}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(0,13,77,.2);border-radius:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg{width:14px;height:14px;color:#3e63dd;-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover{border-color:#3e63dd!important}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option{right:0;top:35px;border-radius:8px;border:1px solid #f3f4f6;-webkit-box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);min-width:208px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:9px 12px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul>li:first-child:hover,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul>li>a:hover{background-color:rgba(62,98,245,.05)!important}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li{margin-bottom:0!important;width:100%;overflow:hidden;border-radius:4px;-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>a,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>div{width:100%;margin:0!important;padding:0 8px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;line-height:16.24px!important;gap:12px;color:#4d5761!important;height:42px;border-radius:4px;-webkit-transition:.3s ease;transition:.3s ease}@media only screen and (max-width:1199px){.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>a,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>div{height:32px}}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>a.atbdp-directory-delete-link-action,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>div.atbdp-directory-delete-link-action{color:#d94a4a!important}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>a.atbdp-directory-delete-link-action svg,.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li>div.atbdp-directory-delete-link-action svg{color:inherit;width:18px;height:18px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]+label{padding-left:29px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]+label:after{border-radius:5px;border-color:#d1d1d7;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:2px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]+label:before{font-size:8px;left:5px;top:7px}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]:checked+label:after{border-color:#3e62f5;background-color:#3e62f5}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .atbd-listing-type-active-status{margin-left:0;-webkit-transition:.3s ease;transition:.3s ease}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging.drag-clone{border:1px solid #c0ccfc;-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,.2509803922);box-shadow:0 20px 40px 0 rgba(0,0,0,.2509803922)}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone){background:#e5e7eb;border:1px dashed #a1a9b2}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone) *{opacity:0}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over{position:relative}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:before{content:"";position:absolute;top:-10px;left:0;height:3px;width:100%;background:#3e62f5}.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:after{content:"";position:absolute;top:-14px;left:0;height:10px;width:10px;border-radius:50%;background:#3e62f5}.directorist-row-tooltip[data-tooltip]{position:relative;cursor:pointer}.directorist-row-tooltip[data-tooltip].directorist-type-slug-content{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after{text-transform:none}.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]:after{left:-50px;-webkit-transform:unset;transform:unset}.directorist-row-tooltip[data-tooltip]:after,.directorist-row-tooltip[data-tooltip]:before{line-height:normal;font-size:13px;pointer-events:none;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;opacity:0}.directorist-row-tooltip[data-tooltip]:before{content:"";z-index:100;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-bottom-color:#141921}.directorist-row-tooltip[data-tooltip]:after{content:attr(data-tooltip);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#141921;color:#fff;z-index:99;padding:10px 12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:normal;left:50%;top:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.directorist-row-tooltip[data-tooltip]:hover:after,.directorist-row-tooltip[data-tooltip]:hover:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1}.directorist-row-tooltip[data-tooltip]:not([data-flow]):before,.directorist-row-tooltip[data-tooltip][data-flow=top]:before{bottom:100%;border-bottom-width:0;border-top-color:#141921}.directorist-row-tooltip[data-tooltip]:not([data-flow]):after,.directorist-row-tooltip[data-tooltip][data-flow=top]:after{bottom:calc(100% + 5px)}.directorist-row-tooltip[data-tooltip]:not([data-flow]):after,.directorist-row-tooltip[data-tooltip]:not([data-flow]):before,.directorist-row-tooltip[data-tooltip][data-flow=top]:after,.directorist-row-tooltip[data-tooltip][data-flow=top]:before{left:50%;-webkit-transform:translate(-50%,-4px);transform:translate(-50%,-4px)}.directorist-row-tooltip[data-tooltip][data-flow=bottom]:before{top:100%;border-top-width:0;border-bottom-color:#141921}.directorist-row-tooltip[data-tooltip][data-flow=bottom]:after{top:calc(100% + 5px)}.directorist-row-tooltip[data-tooltip][data-flow=bottom]:after,.directorist-row-tooltip[data-tooltip][data-flow=bottom]:before{left:50%;-webkit-transform:translate(-50%,6px);transform:translate(-50%,6px)}.directorist-row-tooltip[data-tooltip][data-flow=left]:before{top:50%;border-right-width:0;border-left-color:#141921;left:-5px;-webkit-transform:translate(-6px,-50%);transform:translate(-6px,-50%)}.directorist-row-tooltip[data-tooltip][data-flow=left]:after{top:50%;right:calc(100% + 5px);-webkit-transform:translate(-6px,-50%);transform:translate(-6px,-50%)}.directorist-row-tooltip[data-tooltip][data-flow=right]:before{top:50%;border-left-width:0;border-right-color:#141921;right:-5px;-webkit-transform:translate(6px,-50%);transform:translate(6px,-50%)}.directorist-row-tooltip[data-tooltip][data-flow=right]:after{top:50%;left:calc(100% + 5px);-webkit-transform:translate(6px,-50%);transform:translate(6px,-50%)}.directorist-row-tooltip[data-tooltip][data-tooltip=""]:after,.directorist-row-tooltip[data-tooltip][data-tooltip=""]:before{display:none!important}.directorist_listing-slug-text{min-width:120px;display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;padding:5px 0;border-bottom:1px solid transparent;margin-right:10px;text-transform:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist_listing-slug-text--editable,.directorist_listing-slug-text:hover{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:6px;background:#f3f4f6}.directorist_listing-slug-text--editable:focus,.directorist_listing-slug-text:hover:focus{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:var(--spacing-md,8px);gap:var(--spacing-md,8px);border-radius:var(--radius-sm,6px);background:var(--Gray-100,#f3f4f6);outline:0}@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-count-notice,.directorist-type-slug .directorist-slug-notice{margin:6px 0 0;text-transform:math-auto}.directorist-type-slug .directorist-count-notice.directorist-slug-notice-error,.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error{color:#ef0000}.directorist-type-slug .directorist-count-notice.directorist-slug-notice-success,.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success{color:#00ac17}.directorist-type-slug-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:static}}.directorist-listing-slug-edit-wrap .directorist-listing-slug__edit,.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(173,180,210,.3764705882);box-shadow:0 5px 10px rgba(173,180,210,.3764705882);margin:2px;-webkit-transition:.3s ease;transition:.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-color:#08bf9c;-webkit-box-shadow:none;box-shadow:none;display:none}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before{content:"\f00c";font-family:Font Awesome\ 5 Free;font-weight:900;color:#fff}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.active{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.disabled{opacity:.5;pointer-events:none}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:50%;margin:2px;-webkit-transition:.3s ease;transition:.3s ease;background-color:#ff006e;color:#fff}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before{content:"\f00d";font-family:Font Awesome\ 5 Free;font-weight:900;font-size:15px;color:#fff}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove--hidden{opacity:0;visibility:hidden;pointer-events:none}@media only screen and (max-width:1399px){.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove{width:26px;height:26px}.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before{font-size:13px}}@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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;padding-left:28px;padding-top:3px;margin-bottom:0;line-height:1.2;font-weight:400;color:#5a5f7d}.directorist_custom-checkbox input[type=checkbox]+label:before{position:absolute;font-size:10px;left:6px;top:5px;font-weight:900;font-family:Font Awesome\ 5 Free;content:"\f00c";display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .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}.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;-webkit-transition:all .3s ease;transition:all .3s ease;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 #d2d6db;border-radius:8px;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.directorist_dropdown.--open{border-color:#4d5761}.directorist_dropdown.--open .directorist_dropdown-toggle:before{content:"\eb56"}.directorist_dropdown .directorist_dropdown-toggle{color:#7a82a6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;width:auto!important;height:100%}.directorist_dropdown .directorist_dropdown-toggle:before{content:"\f347";font:normal 12px/1 dashicons}.directorist_dropdown .directorist_dropdown-toggle .directorist_dropdown-toggle__text{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.directorist_dropdown .directorist_dropdown-option{top:44px;padding:15px;-webkit-box-shadow:0 10px 40px rgba(134,142,174,.1882352941);box-shadow:0 10px 40px rgba(134,142,174,.1882352941);border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist_dropdown .directorist_dropdown-option ul li a{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-radius:50%;border:2px solid #ddd;border-top-color:#272b41;width:20px;height:20px;-webkit-animation:atbd_spin 2s linear infinite;animation:atbd_spin 2s linear infinite}.directorist_disable{pointer-events:none}#publishing-action.directorist_disable input#publish{cursor:not-allowed;opacity:.3}.directorist_more-dropdown{position:relative}.directorist_more-dropdown .directorist_more-dropdown-toggle{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;border-radius:50%!important;background-color:#fff!important;padding:0!important;color:#868eae!important}.directorist_more-dropdown .directorist_more-dropdown-toggle:focus{outline:none;-webkit-box-shadow:0 0;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;-webkit-box-shadow:0 5px 15px rgba(143,142,159,.1254901961);box-shadow:0 5px 15px rgba(143,142,159,.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:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px!important;width:100%;padding:0 16px!important;margin:0!important;line-height:1.75!important;color:#5a5f7d!important;background-color:#fff!important}.directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus{outline:none;-webkit-box-shadow:0 0;box-shadow:0 0}.directorist_more-dropdown .directorist_more-dropdown-option ul li a i{font-size:16px;margin-right:15px!important;color:#c6d0dc}.directorist_more-dropdown.default .directorist_more-dropdown-toggle{opacity:.5;pointer-events:none}@-webkit-keyframes atbd_spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes atbd_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{left:5px!important;top:5px!important}.directorist-form-group.directorist-faq-group{margin-bottom:30px}.directory_types-wrapper{margin:-8px}.directory_types-wrapper,.directory_types-wrapper .directory_type-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directory_types-wrapper .directory_type-group{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-color:#3e62f5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#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}.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:0!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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;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{padding:30px;text-align:center;border-radius:5px;border:1px dashed #dbdee9}.add_listing_form_wrapper#gallery_upload .listing-prv-img-container{text-align:center}.directorist_select .select2.select2-container .select2-selection--single{border:1px solid #8c8f94;min-height:40px}.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered{height:auto;line-height:38px;padding:0 15px}.directorist_select .select2.select2-container .select2-results__option i,.directorist_select .select2.select2-container .select2-results__option span.fa,.directorist_select .select2.select2-container .select2-results__option span.fab,.directorist_select .select2.select2-container .select2-results__option span.far,.directorist_select .select2.select2-container .select2-results__option span.fas,.directorist_select .select2.select2-container .select2-results__option span.la,.directorist_select .select2.select2-container .select2-results__option span.lab,.directorist_select .select2.select2-container .select2-results__option span.las{font-size:16px}#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn{display:none}.cptm-create-directory-modal .cptm-modal{width:100%;max-width:680px;padding:40px 36px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-create-directory-modal .cptm-create-directory-modal__header{padding:0;margin:0;border:none}.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-28px;right:-24px;margin:0;padding:0;height:32px;width:32px;border-radius:50%;border:none;color:#3c3c3c;background-color:transparent;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link svg path{-webkit-transition:fill .3s ease;transition:fill .3s ease}.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link:hover svg path{fill:#9746ff}.cptm-create-directory-modal .cptm-create-directory-modal__body{padding-top:36px}.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice{margin-top:10px;color:#f80718}.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success{color:#28a800}.cptm-create-directory-modal .cptm-create-directory-modal__title{font-size:20px;line-height:28px;font-weight:600;color:#141921;text-align:center}.cptm-create-directory-modal .cptm-create-directory-modal__desc{font-size:12px;line-height:18px;font-weight:400;color:#4d5761;text-align:center;margin:0}.cptm-create-directory-modal .cptm-create-directory-modal__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;padding:32px 24px;background-color:#f3f4f6;border:1px solid #f3f4f6;border-radius:8px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:focus,.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:hover{background-color:#f0f3ff;border-color:#3e62f5}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single.disabled{opacity:.5;pointer-events:none}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;height:40px;width:40px;min-height:40px;min-width:40px;border-radius:50%;background-color:#0b99ff}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-template{background-color:#ff5c16}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-scratch{background-color:#0b99ff}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-ai{background-color:#9746ff}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-text{font-size:14px;line-height:19px;font-weight:600;color:#4d5761}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-desc{font-size:12px;line-height:18px;font-weight:400;color:#3e62f5}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge{position:absolute;top:8px;right:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:24px;padding:4px 8px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge.modal-badge--new{color:#3e62f5;background-color:#c0ccfc}.directorist-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-justify-content-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-justify-content-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.directorist-justify-content-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.directorist-justify-content-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack: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);-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}.directorist-content-active .entry-content .directorist-search-contents{width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-content-module{border:1px solid var(--directorist-color-border)}.directorist-content-module__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:480px){.directorist-content-module__title{padding:20px}}.directorist-content-module__title h2{margin:0!important;font-size:16px;font-weight:500;line-height:1.2}.directorist-content-module__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:40px 0;padding:30px 40px 40px;border-top:1px solid var(--directorist-color-border)}@media (max-width:480px){.directorist-content-module__contents{padding:20px}}.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap{margin-top:-30px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs{position:relative;bottom:-7px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor{margin:0;border:none;border-radius:5px;padding:5px 10px 12px;background:transparent;color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce{background-color:#f6f7f7}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container{border:none;border-bottom:1px solid var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input{background:transparent!important;color:var(--directorist-color-body)!important;border-color:var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-area{border:none;resize:none;min-height:238px}.directorist-content-module__contents .directorist-form-description-field .mce-top-part:before{display:none}.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout{border:none;padding:0}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar{border:none;padding:8px 12px;border-radius:8px}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button{background:transparent}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-statusbar{display:none}.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-module__contents .directorist-form-description-field iframe{max-width:100%}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn{width:100%;gap:10px;padding-left:40px}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i:after{width:16px;height:16px;background-color:var(--directorist-color-btn)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.directorist-content-module__contents .directorist-form-social-info-field select{color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label{margin-left:0}.directorist-content-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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.atbd_success_mesage>p i{top:2px;margin-right:5px;position:relative;display:inline-block}.directorist-loader{position:relative}.directorist-loader:before{position:absolute;content:"";right:20px;top:31%;border-top:2px solid var(--directorist-color-white);border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);width:20px;height:20px;-webkit-animation:atbd_spin 2s linear infinite;animation:atbd_spin 2s linear infinite}.plupload-upload-uic{border:1px dashed var(--directorist-color-border-gray)}.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-color:var(--directorist-color-ss-bg-light);font-size:14px;-webkit-box-shadow:none;box-shadow:none;line-height:40px!important;padding:0 30px!important;height:auto!important;-webkit-transition:.3s ease;transition:.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,.directorist-form-address-field .address_result{position:absolute;left:0;top:100%;width:100%;max-height:345px!important;overflow-y:scroll;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);z-index:10}.directorist-address-field .address_result ul,.directorist-form-address-field .address_result ul{list-style:none;margin:0;padding:0;border-radius:8px}.directorist-address-field .address_result li,.directorist-form-address-field .address_result li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px;margin:0;padding:10px 20px;border-bottom:1px solid #eee}.directorist-address-field .address_result li a,.directorist-form-address-field .address_result li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:15px;font-size:14px;line-height:18px;padding:0;margin:0;color:#767792;background-color:var(--directorist-color-white);border-bottom:1px solid #d9d9d9;text-decoration:none;-webkit-transition:color .3s ease,border .3s ease;transition:color .3s ease,border .3s ease}.directorist-address-field .address_result li a:hover,.directorist-form-address-field .address_result li a:hover{color:var(--directorist-color-dark);border-bottom:1px dashed #e9e9e9}.directorist-address-field .address_result li:last-child,.directorist-address-field .address_result li:last-child a,.directorist-form-address-field .address_result li:last-child,.directorist-form-address-field .address_result li:last-child 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){.pac-container{max-width:unset;width:calc(100% - 30px)!important;left:30px!important}}.pac-container .pac-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 13px 7px;padding:0;border:none;background:unset;cursor:pointer}.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:8px;margin:0 15px 0 0;background-color:var(--directorist-color-border-gray)}.pac-container .pac-icon-marker:after{content:"";display:block;width:12px;height:20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg);mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg)}.pac-container:after,p.status:empty{display:none}.gateway_list input[type=radio]{margin-right:5px}.directorist-checkout-form .directorist-container-fluid{-webkit-box-sizing:border-box;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}.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);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .select2-container--default .select2-search--dropdown{padding:20px 20px 10px}.directorist-content-active .select2-container--default .select2-search__field{padding:10px 18px!important;border-radius:8px;background:transparent;color:var(--directorist-color-deep-gray);border:1px solid var(--directorist-color-border-gray)!important}.directorist-content-active .select2-container--default .select2-search__field:focus{outline:0}.directorist-content-active .select2-container--default .select2-results{padding-bottom:10px}.directorist-content-active .select2-container--default .select2-results__option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding:6px 20px;color:var(--directorist-color-body);font-size:14px;line-height:1.5}.directorist-content-active .select2-container--default .select2-results__option--highlighted{font-weight:500;color:var(--directorist-color-primary)!important;background-color:transparent}.directorist-content-active .select2-container--default .select2-results__message{margin-bottom:10px!important}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-left:0;margin-top:8.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group{margin-bottom:0;padding:0}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control{height:24.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field{margin:0;max-width:none;width:100%!important;padding:0!important;border:none!important}.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:rgba(var(--directorist-color-primary-rgb),.1)!important;font-weight:400}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option{margin:0}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true]{font-weight:600;color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary-rgb),.1)}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{margin-right:12px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray)}@media (max-width:575px){.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background-color:var(--directorist-color-bg-light)}}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2{padding-left:20px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3{padding-left:40px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4{padding-left:60px}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered{opacity:1}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-body)!important}.custom-checkbox input{display:none}.custom-checkbox input[type=checkbox]+.check--select+label,.custom-checkbox input[type=radio]+.radio--select+label{min-width:18px;min-height:18px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;padding-left:28px;padding-top:3px;padding-bottom:3px;margin-bottom:0;line-height:1.2;font-weight:400;color:var(--directorist-color-gray)}.custom-checkbox input[type=checkbox]+.check--select+label:before,.custom-checkbox input[type=radio]+.radio--select+label:before{position:absolute;font-size:10px;left:5px;top:5px;font-weight:900;font-family:Font Awesome\ 5 Free;content:"\f00c";display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .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%}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"alpha(opacity=40)";background-color:rgba(var(--directorist-color-dark-rgb),.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;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 (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;font-weight:600;text-transform:none;margin:25px 0;line-height:40px;display:block}.sweet-alert h2,.sweet-alert p{text-align:center;position:relative;padding:0}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;text-align:inherit;float:none;margin: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;-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;-webkit-transition:padding .25s,max-height .25s;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:#fff;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(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error:after,.sweet-alert .sa-input-error:before{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%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;-webkit-box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;-webkit-box-shadow:0 0 3px #c4e6f5;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{-moz-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{-ms-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s ease .03s;transition:opacity .3s ease .03s;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:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;font-size:17px;font-weight:500;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;-webkit-box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.05);box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.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{-webkit-box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.0470588) 0 0 0 1px inset!important;box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.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;-webkit-transition-delay:0;transition-delay:0}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{-webkit-box-shadow:none!important;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 grey;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;-webkit-box-sizing:content-box;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;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:after,.sweet-alert .sa-icon.sa-success:before{content:"";border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:40px;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;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:50%;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}to{top:50%}}@keyframes slideFromTop{0%{top:0}to{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}to{top:0}}@keyframes slideToTop{0%{top:50%}to{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}to{top:50%}}@keyframes slideFromBottom{0%{top:70%}to{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}to{top:70%}}@keyframes slideToBottom{0%{top:50%}to{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}to{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}to{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}to{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}to{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)}to{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)}to{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}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{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}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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} + \**********************************************************************************************************************************************************************************************************************************************************************************************************/ +/* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} +#directiost-listing-fields_wrapper .directorist-show { + display: block !important; +} +#directiost-listing-fields_wrapper .directorist-hide { + display: none !important; +} +#directiost-listing-fields_wrapper a:focus, +#directiost-listing-fields_wrapper a:active { + -webkit-box-shadow: unset; + box-shadow: unset; + outline: none; +} +#directiost-listing-fields_wrapper .atcc_pt_40 { + padding-top: 40px; +} +#directiost-listing-fields_wrapper * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +#directiost-listing-fields_wrapper .iris-picker, +#directiost-listing-fields_wrapper .iris-picker * { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +#directiost-listing-fields_wrapper #gmap { + height: 350px; +} +#directiost-listing-fields_wrapper label { + margin-bottom: 8px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; +} +#directiost-listing-fields_wrapper .map_wrapper { + position: relative; +} +#directiost-listing-fields_wrapper .map_wrapper #floating-panel { + position: absolute; + z-index: 2; + right: 59px; + top: 10px; +} +#directiost-listing-fields_wrapper a.btn { + text-decoration: none; +} +#directiost-listing-fields_wrapper [data-toggle="tooltip"] { + color: #a1a1a7; + font-size: 12px; +} +#directiost-listing-fields_wrapper [data-toggle="tooltip"]:hover { + color: #202428; +} +#directiost-listing-fields_wrapper .single_prv_attachment { + text-align: center; +} +#directiost-listing-fields_wrapper .single_prv_attachment div { + position: relative; + display: inline-block; +} +#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; + padding: 0; +} +#directiost-listing-fields_wrapper + .single_prv_attachment + div + .remove_prev_img:hover { + color: #c81d1d; +} +#directiost-listing-fields_wrapper #listing_image_btn span { + vertical-align: text-bottom; +} +#directiost-listing-fields_wrapper .default_img { + margin-bottom: 10px; + text-align: center; + margin-top: 10px; +} +#directiost-listing-fields_wrapper .default_img small { + color: #7a82a6; + font-size: 13px; +} +#directiost-listing-fields_wrapper .atbd_pricing_options { + margin-bottom: 15px; +} +#directiost-listing-fields_wrapper .atbd_pricing_options label { + font-size: 13px; +} +#directiost-listing-fields_wrapper .atbd_pricing_options .bor { + margin: 0 15px; +} +#directiost-listing-fields_wrapper .atbd_pricing_options small { + font-size: 12px; + vertical-align: top; +} +#directiost-listing-fields_wrapper + .price-type-both + select.directory_pricing_field { + display: none; +} +#directiost-listing-fields_wrapper .listing-img-container { + text-align: center; + padding: 10px 0 15px; +} +#directiost-listing-fields_wrapper .listing-img-container p { + margin-top: 15px; + margin-bottom: 4px; + color: #7a82a6; + font-size: 16px; +} +#directiost-listing-fields_wrapper .listing-img-container small { + color: #7a82a6; + font-size: 13px; +} +#directiost-listing-fields_wrapper .listing-img-container .single_attachment { + width: auto; + display: inline-block; + position: relative; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + height: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #9497a7; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image:hover { + color: #ef0000; +} +#directiost-listing-fields_wrapper .field-options { + margin-bottom: 15px; +} +#directiost-listing-fields_wrapper .directorist-hide-if-no-js { + text-align: center; + margin: 0; +} +#directiost-listing-fields_wrapper .form-check { + margin-bottom: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#directiost-listing-fields_wrapper .form-check input { + vertical-align: top; + margin-top: 0; +} +#directiost-listing-fields_wrapper .form-check .form-check-label { + margin: 0; + font-size: 15px; +} +#directiost-listing-fields_wrapper .atbd_optional_field { + margin-bottom: 15px; +} +#directiost-listing-fields_wrapper .extension_detail { + margin-top: 20px; +} +#directiost-listing-fields_wrapper .extension_detail .btn_wrapper { + margin-top: 25px; +} +#directiost-listing-fields_wrapper .extension_detail.ext_d { + min-height: 140px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#directiost-listing-fields_wrapper .extension_detail.ext_d p { + margin: 0; +} +#directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper { + width: 100%; + margin-top: auto; +} +#directiost-listing-fields_wrapper .extension_detail.ext_d > a, +#directiost-listing-fields_wrapper .extension_detail.ext_d p, +#directiost-listing-fields_wrapper .extension_detail.ext_d div { + display: block; +} +#directiost-listing-fields_wrapper .extension_detail.ext_d > p { + margin-bottom: 15px; +} +#directiost-listing-fields_wrapper .ext_title a { + text-align: center; + text-decoration: none; + font-weight: 500; + font-size: 18px; + color: #202428; + -webkit-transition: 0.3s; + transition: 0.3s; + display: block; +} +#directiost-listing-fields_wrapper .ext_title:hover a { + color: #6e63ff; +} +#directiost-listing-fields_wrapper .ext_title .text-center { + text-align: center; +} +#directiost-listing-fields_wrapper .attc_extension_wrapper { + margin-top: 30px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .col-md-4 + .single_extension + .btn { + padding: 3px 15px; + font-size: 14px; +} +#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension { + margin-bottom: 30px; + background-color: #ffffff; + -webkit-box-shadow: 0px 5px 10px #e1e7f7; + box-shadow: 0px 5px 10px #e1e7f7; + padding: 25px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension + img { + width: 100%; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + img { + opacity: 0.6; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + a { + pointer-events: none !important; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title + a:after { + content: "(Coming Soon)"; + color: #ff0000; + font-size: 14px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title:hover + a { + color: inherit; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .btn { + opacity: 0.5; +} +#directiost-listing-fields_wrapper .attc_extension_wrapper__heading { + margin-bottom: 15px; +} +#directiost-listing-fields_wrapper .btn_wrapper a + a { + margin-left: 10px; +} +#directiost-listing-fields_wrapper.atbd_help_support .wrap_left { + width: 70%; +} +#directiost-listing-fields_wrapper.atbd_help_support h3 { + font-size: 24px; +} +#directiost-listing-fields_wrapper.atbd_help_support a { + color: #387dff; +} +#directiost-listing-fields_wrapper.atbd_help_support a:hover { + text-decoration: underline; +} +#directiost-listing-fields_wrapper.atbd_help_support .postbox { + padding: 30px; +} +#directiost-listing-fields_wrapper.atbd_help_support .postbox h3 { + margin-bottom: 20px; +} +#directiost-listing-fields_wrapper.atbd_help_support .wrap { + display: inline-block; + vertical-align: top; +} +#directiost-listing-fields_wrapper.atbd_help_support .wrap_right { + width: 27%; +} +#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox { + background-color: #0073aa; + border-radius: 3px; + -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); +} +#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3 { + color: #fff; + margin-bottom: 25px; +} +#directiost-listing-fields_wrapper .shortcode_table td { + font-size: 14px; + line-height: 22px; +} +#directiost-listing-fields_wrapper ul.atbdp_pro_features li { + font-size: 16px; + margin-bottom: 12px; +} +#directiost-listing-fields_wrapper ul.atbdp_pro_features li a { + color: #ededed; +} +#directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover { + color: #fff; +} +#directiost-listing-fields_wrapper .atbdp-radio-list li label, +#directiost-listing-fields_wrapper .atbdp-checkbox-list li label { + text-transform: capitalize; + font-size: 13px; +} +#directiost-listing-fields_wrapper .atbdp-radio-list li label input, +#directiost-listing-fields_wrapper .atbdp-checkbox-list li label input { + margin-right: 7px; +} +#directiost-listing-fields_wrapper .single_thm .ext_title h4 { + text-align: center; +} +#directiost-listing-fields_wrapper .single_thm .btn_wrapper { + text-align: center; +} +#directiost-listing-fields_wrapper .postbox table.widefat { + -webkit-box-shadow: none; + box-shadow: none; + background-color: #eff2f5; +} +#directiost-listing-fields_wrapper #atbdp-field-details td { + color: #555; + font-size: 17px; + width: 8%; +} +#directiost-listing-fields_wrapper #atbdp-field-options td { + color: #555; + font-size: 17px; + width: 8%; +} +#directiost-listing-fields_wrapper .atbdp-tick-cross { + margin-left: 18px; +} +#directiost-listing-fields_wrapper .atbdp-tick-cross2 { + margin-left: 25px; +} +#directiost-listing-fields_wrapper .ui-sortable tr:hover { + cursor: move; +} +#directiost-listing-fields_wrapper .ui-sortable tr.alternate { + background-color: #f9f9f9; +} +#directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper { + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; +} +#directiost-listing-fields_wrapper .business-hour label { + margin-bottom: 0; +} -/*! - * 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;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}.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;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}.directorist-add-listing-types{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-types__single{margin-bottom:15px}.directorist-add-listing-types__single__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--directorist-color-white);color:var(--directorist-color-primary);font-size:16px;font-weight:500;line-height:20px;text-align:center;padding:40px 25px;border-radius:12px;text-decoration:none!important;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-transition:background .2s ease;transition:background .2s ease}.directorist-add-listing-types__single__link,.directorist-add-listing-types__single__link .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-add-listing-types__single__link .directorist-icon-mask{height:70px;width:70px;background-color:var(--directorist-color-primary);border-radius:100%;margin-bottom:20px;-webkit-transition:color .2s ease,background .2s ease;transition:color .2s ease,background .2s ease}.directorist-add-listing-types__single__link .directorist-icon-mask:after{width:25px;height:25px;background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask{background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-add-listing-types__single__link>i:not(.directorist-icon-mask){display:inline-block;margin-bottom:10px}.directorist-add-listing-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-form .directorist-content-module{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-add-listing-form .directorist-content-module__title i{background-color:var(--directorist-color-primary)}.directorist-add-listing-form .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}.directorist-add-listing-form .directorist-alert-required{display:block;margin-top:5px;color:#e80000;font-size:13px}.directorist-add-listing-form__privacy a{color:var(--directorist-color-info)}#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:35px;border-radius:12px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:20px}}#directiost-listing-fields_wrapper .directorist-content-module__title,.directorist-add-listing-form .directorist-content-module__title{gap:15px;min-height:66px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#directiost-listing-fields_wrapper .directorist-content-module__title i,.directorist-add-listing-form .directorist-content-module__title i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:100%}#directiost-listing-fields_wrapper .directorist-content-module__title i:after,.directorist-add-listing-form .directorist-content-module__title i:after{width:16px;height:16px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade{padding:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address],.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address]{padding-left:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before{width:15px;height:15px;left:unset;right:0;top:46px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after{height:40px;top:26px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child{margin:0 0 40px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select{font-size:14px;font-weight:500;color:var(--directorist-color-dark)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item{font-size:14px;font-weight:400;color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:480px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer;border-radius:100%;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-light)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i:after{width:12px;height:12px;background-color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module{background-color:var(--directorist-color-white);border-radius:0;border:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title{padding:20px 30px;border-bottom:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title i{background-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields{margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove{background-color:#ededed!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after{background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title{cursor:auto}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before{display:none}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{padding:30px 40px 40px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{height:auto;opacity:1;padding:20px;visibility:visible}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label{margin-bottom:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element{position:relative;height:42px;padding:15px 20px;font-size:14px;font-weight:400;border-radius:5px;width:100%;border:1px solid #ececec;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix{height:42px;line-height:42px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element{padding-top:0;padding-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:after{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:3px;content:"";border:1px solid #c6d0dc;background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:7px;top:7px;width:6px;height:6px;border-radius:50%;background-color:var(--directorist-color-primary);border:0;-webkit-mask-image:none;mask-image:none;z-index:2;content:""}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;border:none;background-color:var(--directorist-color-white);display:block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic{padding:30px;text-align:center;border-radius:5px;border:1px dashed #dbdee9}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i:after{width:50px;height:45px;background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper~.directorist-form-description{text-align:center}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn{width:auto;padding:11px 26px;background-color:#444752;color:var(--directorist-color-white);border-radius:5px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap{border-radius:0}.directorist-form-label{display:block;color:var(--directorist-color-dark);margin-bottom:5px;font-size:14px;font-weight:500}.directorist-custom-field-checkbox>.directorist-form-label,.directorist-custom-field-file-upload>.directorist-form-label,.directorist-custom-field-radio>.directorist-form-label,.directorist-form-image-upload-field>.directorist-form-label,.directorist-form-pricing-field.price-type-both>.directorist-form-label,.directorist-form-social-info-field>.directorist-form-label{margin-bottom:18px}.directorist-form-listing-type{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media (max-width:767px){.directorist-form-listing-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-form-listing-type .directorist-form-label{font-size:14px;font-weight:500;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:0}.directorist-form-listing-type__single{-webkit-box-flex:0;-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}.directorist-form-listing-type__single.directorist-radio{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label{width:100%;height:100%;font-size:14px;font-weight:500;padding:25px 25px 25px 55px;border-radius:12px;color:var(--directorist-color-body);border:3px solid var(--directorist-color-border-gray);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label small{display:block;margin-top:5px;font-weight:400;color:var(--directorist-color-success)}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:before{left:29px;top:29px}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:after{left:25px;top:25px;width:18px;height:18px}.directorist-form-listing-type .directorist-radio input[type=radio]:checked+.directorist-radio__label{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-form-pricing-field__options{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 20px}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:14px;font-weight:400;min-height:18px;padding-left:27px;color:var(--directorist-color-body)}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label{font-weight:500;color:var(--directorist-color-dark)}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:after{top:3px;left:3px;width:14px;height:14px;border-radius:100%;border:2px solid #c6d0dc}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:0;top:0;width:8px;height:8px;-webkit-mask-image:none;mask-image:none;background-color:var(--directorist-color-white);border-radius:100%;border:5px solid var(--directorist-color-primary);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:checked:after{opacity:0}.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}.directorist-select-multi select{display:none}#directorist-location-select{z-index:113!important}#directorist-tag-select{z-index:112!important}#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}.directorist-hide-owner-field.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:15px;font-weight:700}.directorist-map-coordinate{margin-top:20px}.directorist-map-coordinates{padding:0 0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-map-coordinates .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:290px}.directorist-map-coordinates__generate{-webkit-box-flex:0!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}.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:12px}.directorist-form-map-field__maps #gmap #gmap_full_screen_button,.directorist-form-map-field__maps #gmap .gm-fullscreen-control{display:none}.directorist-form-map-field__maps #gmap div[role=img]{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px!important;height:50px!important;cursor:pointer;border-radius:100%;overflow:visible!important}.directorist-form-map-field__maps #gmap div[role=img]>img{position:relative;z-index:1;width:100%!important;height:100%!important;border-radius:100%;background-color:var(--directorist-color-primary)}.directorist-form-map-field__maps #gmap div[role=img]:before{content:"";position:absolute;left:-25px;top:-25px;width:0;height:0;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;border:50px solid rgba(var(--directorist-color-dark-rgb),.2);opacity:0;visibility:hidden;-webkit-animation:atbd_scale 3s linear infinite alternate;animation:atbd_scale 3s linear infinite alternate}.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(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon{margin:0;display:inline-block;width:13px!important;height:13px!important;background-color:unset}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after,.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before{display:none}.directorist-form-map-field__maps #gmap div[role=img]:hover:before{opacity:1;visibility:visible}.directorist-form-map-field .map_drag_info{display:none}.directorist-form-map-field .atbd_map_shape{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:100%}.directorist-form-map-field .atbd_map_shape:before{content:"";position:absolute;left:-20px;top:-20px;width:0;height:0;opacity:0;visibility:hidden;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none}.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-marker-icon);-webkit-mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field .atbd_map_shape:hover:before{opacity:1;visibility:visible}.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}.directorist-form-image-upload-field .ez-media-uploader.ezmu--show{margin-bottom:120px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section{display:block}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;height:auto;margin-bottom:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload{background:unset;-webkit-filter:unset;filter:unset;width:auto}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i:after{width:90px;height:80px;background-color:var(--directorist-color-border-gray)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons{margin-top:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:0 17px 0 35px;margin:10px 0;height:40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px;background:var(--directorist-color-primary);color:var(--directorist-color-white);text-align:center;font-size:13px;font-weight:500;line-height:14px;cursor:pointer}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before{position:absolute;left:17px;top:13px;content:"";-webkit-mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:14px;height:14px;background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover{opacity:.85}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p{margin:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show{position:absolute;top:calc(100% + 22px);left:0;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap{display:none;height:76px;width:100px;border-radius:8px;background-color:var(--directorist-color-bg-gray)!important;border:2px dashed var(--directorist-color-border-gray)!important}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn{padding:0;width:30px;height:30px;font-size:0;position:relative}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before{content:"";position:absolute;width:30px;height:30px;left:0;z-index:2;background-color:var(--directorist-color-border-gray);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg);mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item{width:175px;min-width:175px;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset;flex-basis:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon{background-image:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask:after{width:12px;height:12px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button{width:20px;height:25px;background-size:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text{padding:0 5px;height:25px;line-height:25px}.directorist-form-image-upload-field .ezmu__info-list-item:empty{display:none}.directorist-add-listing-wrapper{max-width:1000px!important;margin:0 auto}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back{position:relative;height:100px;width:100%}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img{-o-object-fit:cover;object-fit:cover}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--directorist-color-dark-rgb),.5);opacity:0;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before{opacity:1;visibility:visible}.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1{font-size:20px;font-weight:500;margin:0}.directorist-add-listing-wrapper .ezmu__btn{margin-bottom:25px;background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn{pointer-events:none;opacity:.7}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight{position:relative}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:#ddd;cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after{content:"Maximum Files Uploaded";font-size:18px;font-weight:700;color:#ef0000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .ezmu__info-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;margin:15px 0 0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item{margin:0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before{width:16px;height:16px;background-image:url(../images/83eed1a628ff52c2adf977f50ac7adb4.svg)}.directorist-add-listing-form__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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-radius:50%;border:2px solid #f3f3f3;border-top-color:#656a7a;width:20px;height:20px;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite;display:inline-block;margin:0 0 0 10px;position:relative;top:4px}.directorist-add-listing-form__action label{line-height:1.25;margin-bottom:0}.directorist-add-listing-form__action #listing_notifier{padding:18px 40px 33px;font-size:14px;font-weight:600;color:var(--directorist-color-danger);border-top:1px solid var(--directorist-color-border)}.directorist-add-listing-form__action #listing_notifier:empty{display:none}.directorist-add-listing-form__action #listing_notifier .atbdp_success{color:var(--directorist-color-success)}.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{margin:0;padding:30px 40px 0;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width:576px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 0 0}.directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy,.directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy{padding:30px 30px 0}}@media only screen and (max-width:480px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 20px 0}}.directorist-add-listing-form__action .directorist-checkbox label,.directorist-add-listing-form__action .directorist-form-group label{font-size:14px;font-weight:500;margin:0 0 10px}.directorist-add-listing-form__action .directorist-checkbox label a,.directorist-add-listing-form__action .directorist-form-group label a{color:var(--directorist-color-info)}.directorist-add-listing-form__action .directorist-checkbox #guest_user_email,.directorist-add-listing-form__action .directorist-form-group #guest_user_email{margin:0 0 10px}.directorist-add-listing-form__action .directorist-form-required{padding-left:5px}.directorist-add-listing-form__publish{padding:100px 20px;margin-bottom:0;text-align:center}@media only screen and (max-width:576px){.directorist-add-listing-form__publish{padding:70px 20px}}@media only screen and (max-width:480px){.directorist-add-listing-form__publish{padding:50px 20px}}.directorist-add-listing-form__publish__icon i{width:70px;height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;margin:0 auto 25px;background-color:var(--directorist-color-light)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i{margin-bottom:20px}}.directorist-add-listing-form__publish__icon i:after{width:30px;height:30px;background-color:var(--directorist-color-primary)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i:after{width:25px;height:25px;width:22px;height:22px}}.directorist-add-listing-form__publish__title{font-size:24px;font-weight:600;margin:0 0 10px}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__title{font-size:22px}}.directorist-add-listing-form__publish__subtitle{font-size:15px;color:var(--directorist-color-body);margin:0}.directorist-add-listing-form .directorist-form-group textarea{padding:10px 0;background:transparent}.directorist-add-listing-form .atbd_map_shape{width:50px;height:50px}.directorist-add-listing-form .atbd_map_shape:before{left:-25px;top:-25px;border:50px solid rgba(var(--directorist-color-marker-shape-rgb),.2)}.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px}.directorist-custom-field-select select.directorist-form-element{padding-top:0;padding-bottom:0}.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}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.4705882353);width:100%;height:100%;position:absolute;overflow:auto;top:0;left:0;right:0;bottom:0;padding:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e4e4e4}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-privacy a,.directorist-form-terms a{text-decoration:none}.add_listing_form_wrapper .hide-if-no-js{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#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:var(--directorist-color-white)}#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents{padding-top:20px}.directorist-custom-field-checkbox,.directorist-custom-field-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0 10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-checkbox .directorist-form-description,.directorist-custom-field-checkbox .directorist-form-label,.directorist-custom-field-radio .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-form-description,.directorist-custom-field-radio .directorist-form-label{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%}@media only screen and (max-width:767px){.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-custom-field-btn-more{margin-top:5px}.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after,.directorist-custom-field-radio .directorist-custom-field-btn-more:after{content:"";display:inline-block;margin-left:5px;-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);width:12px;height:12px;background-color:var(--directorist-color-body)}.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after,.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after{-webkit-mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg)}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered{height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li{margin:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input{margin-top:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline{width:auto}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child{width:inherit}.multistep-wizard{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px}@media only screen and (max-width:991px){.multistep-wizard{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.multistep-wizard__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100vh;min-width:270px;max-width:270px;overflow-y:auto}.multistep-wizard__nav.sticky{position:fixed;top:0}.multistep-wizard__nav__btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;width:270px;min-height:36px;padding:7px 16px;outline:none;cursor:pointer;font-size:14px;font-weight:400;border-radius:8px;text-decoration:none!important;color:var(--directorist-color-light-gray);background-color:transparent;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}@media only screen and (max-width:991px){.multistep-wizard__nav__btn{width:100%}}.multistep-wizard__nav__btn i{min-width:36px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;background-color:#ededed}.multistep-wizard__nav__btn i:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.multistep-wizard__nav__btn:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-light-gray);display:block;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:2}.multistep-wizard__nav__btn.active,.multistep-wizard__nav__btn:hover{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border-color:var(--directorist-color-border-light);background-color:var(--directorist-color-white);outline:none}.multistep-wizard__nav__btn.active:before,.multistep-wizard__nav__btn:hover:before{opacity:1}.multistep-wizard__nav__btn:focus{outline:none;font-weight:600;color:var(--directorist-color-primary)}.multistep-wizard__nav__btn:focus:before,.multistep-wizard__nav__btn:focus i:after{background-color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed{color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);opacity:1}.multistep-wizard__nav__btn.completed i:after{background-color:var(--directorist-color-primary)}@media only screen and (max-width:991px){.multistep-wizard__nav{display:none}}.multistep-wizard__content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.multistep-wizard__single{border-radius:12px;background-color:var(--directorist-color-white)}.multistep-wizard__single label{display:block}.multistep-wizard__single span.required{color:var(--directorist-color-danger)}@media only screen and (max-width:991px){.multistep-wizard__single .directorist-content-module__title{position:relative;cursor:pointer}.multistep-wizard__single .directorist-content-module__title h2{-webkit-padding-end:20px;padding-inline-end:20px}.multistep-wizard__single .directorist-content-module__title:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-dark)}.multistep-wizard__single .directorist-content-module__title.opened:before{-webkit-mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg);mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg)}.multistep-wizard__single .directorist-content-module__contents{height:0;opacity:0;padding:0;visibility:hidden;-webkit-transition:padding-top .3s ease;transition:padding-top .3s ease}.multistep-wizard__single .directorist-content-module__contents.active{height:auto;opacity:1;padding:20px;visibility:visible}}.multistep-wizard__progressbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-top:50px;border-radius:8px}.multistep-wizard__progressbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--directorist-color-border);border-radius:8px;-webkit-transition:width .3s ease-in-out;transition:width .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:8px;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.multistep-wizard__bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}@media only screen and (max-width:575px){.multistep-wizard__bottom{gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.multistep-wizard__btn{width:200px;height:54px;gap:12px;border:none;outline:none;cursor:pointer;background-color:var(--directorist-color-light)}.multistep-wizard__btn.directorist-btn{color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn i:after{background-color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn:focus,.multistep-wizard__btn.directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.multistep-wizard__btn.directorist-btn:focus i:after,.multistep-wizard__btn.directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.multistep-wizard__btn[disabled=disabled],.multistep-wizard__btn[disabled=true]{color:var(--directorist-color-light-gray);pointer-events:none}.multistep-wizard__btn[disabled=disabled] i:after,.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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.multistep-wizard__count{font-size:15px;font-weight:500}@media only screen and (max-width:575px){.multistep-wizard__count{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}}.multistep-wizard .default-add-listing-bottom{display:none}.multistep-wizard.default-add-listing .multistep-wizard__single{display:block!important}.multistep-wizard.default-add-listing .multistep-wizard__bottom,.multistep-wizard.default-add-listing .multistep-wizard__progressbar{display:none!important}.multistep-wizard.default-add-listing .default-add-listing-bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:35px 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn{width:100%;height:54px}.logged-in .multistep-wizard__nav.sticky{top:32px}@-webkit-keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}#directorist_submit_privacy_policy{display:block;opacity:0;width:0;height:0;margin:0;padding:0;border:none}#directorist_submit_privacy_policy:after{display:none}.upload-error{display:block!important;clear:both;background-color:#fcd9d9;color:#e80000;font-size:16px;word-break:break-word;border-radius:3px;padding:15px 20px}#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,.filelist{width:100%}.filelist .file{padding:5px;background-color:#ececec;border:1px solid #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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:20px}#custom-filedropbox,.directorist-custom-field-file-upload__wrapper>div,.plupload-upload-uic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plupload-upload-uic{width:200px;height:150px;padding:0;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;margin:0!important;background-color:var(--directorist-color-bg-gray);border:2px dashed var(--directorist-color-border-gray)}.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)}@media (max-width:575px){.plupload-upload-uic{width:100%;height:200px}}.plupload-thumbs{clear:both;overflow:hidden}.plupload-thumbs .thumb{position:relative;height:150px;width:200px;border-radius:12px}.plupload-thumbs .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.plupload-thumbs .thumb:hover .atbdp-thumb-actions:before{opacity:1;visibility:visible}@media (max-width:575px){.plupload-thumbs .thumb{width:100%;height:200px}}.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-color:#ff385c;height:32px;width:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer;-webkit-transition:.3s ease;transition:.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:.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:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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-caption-preview,.plupload-thumbs .atbdp-title-preview{position:absolute;top:10px;left:5px;font-size:10px;line-height:10px;padding:1px;background:hsla(0,0%,100%,.5);z-index:2;overflow:hidden;height:10px}.plupload-thumbs .atbdp-caption-preview{top:auto;bottom:10px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{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;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,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.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}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{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}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background-color:#ddd;outline:0}.leaflet-container .map-listing-card-single__content a,.leaflet-container a{color:#404040}.leaflet-container a.leaflet-active{outline:2px solid #fa8b0c}.leaflet-zoom-box{border:2px dotted var(--directorist-color-info);background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.65);box-shadow:0 1px 5px rgba(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:#000}.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}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);background-color:var(--directorist-color-white);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-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{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}.leaflet-container .leaflet-control-attribution{background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.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);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(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:700;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-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{border:1px solid #666}.leaflet-div-icon,.leaflet-tooltip{background-color:var(--directorist-color-white)}.leaflet-tooltip{position:absolute;padding:6px;border:1px solid var(--directorist-color-white);border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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)}.directorist-content-active #map{position:relative;width:100%;height:660px;border:none;z-index:1}.directorist-content-active #gmap_full_screen_button{position:absolute;top:20px;right:20px;z-index:999;width:50px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:var(--directorist-color-white);cursor:pointer}.directorist-content-active #gmap_full_screen_button i:after{width:22px;height:22px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--directorist-color-dark)}.directorist-content-active #gmap_full_screen_button .fullscreen-disable{display:none}.directorist-content-active #progress{display:none;position:absolute;z-index:1000;left:400px;top:300px;width:200px;height:20px;margin-top:-20px;margin-left:-100px;background-color:var(--directorist-color-white);background-color:hsla(0,0%,100%,.7);border-radius:4px;padding:2px}.directorist-content-active #progress-bar{width:0;height:100%;background-color:#76a6fc;border-radius:4px}.directorist-content-active .gm-fullscreen-control{width:50px!important;height:50px!important;margin:20px!important;border-radius:10px!important;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.26)!important;box-shadow:0 2px 20px rgba(0,0,0,.26)!important}.directorist-content-active .gmnoprint{border-radius:5px}.directorist-content-active .gm-style-cc,.directorist-content-active .gm-style-mtc-bbw,.directorist-content-active button.gm-svpc{display:none}.directorist-content-active .italic{font-style:italic}.directorist-content-active .buttonsTable{border:1px solid grey;border-collapse:collapse}.directorist-content-active .buttonsTable td,.directorist-content-active .buttonsTable th{padding:8px;border:1px solid grey}.directorist-content-active .version-disabled{text-decoration:line-through}.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;width:100%}.directorist-form-group textarea,.directorist-form-group textarea.directorist-form-element{min-height:unset;height:auto!important;max-width:100%;width:100%}.directorist-form-group__with-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d9d9d9;width:100%;gap:10px}.directorist-form-group__with-prefix:focus-within{border-bottom:2px solid var(--directorist-color-dark)}.directorist-form-group__with-prefix .directorist-form-element{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0!important;border:none!important}.directorist-form-group__with-prefix .directorist-single-info__value{font-size:14px;font-weight:500;margin:0!important}.directorist-form-group__prefix{height:40px;line-height:40px;font-size:14px;font-weight:500;color:#828282}.directorist-form-group__prefix--start{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.directorist-form-group__prefix--end{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input{padding-right:0!important}.directorist-form-group label{margin:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-form-group .directorist-form-element{position:relative;padding:0;width:100%;max-width:unset;min-height:unset;height:40px;font-size:14px;font-weight:500;color:var(--directorist-color-dark);border:none;border-radius:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--directorist-color-border-gray)}.directorist-form-group .directorist-form-element:focus{outline:none;-webkit-box-shadow:0 0;box-shadow:0 0;border:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-form-group .directorist-form-description{font-size:14px;margin-top:10px;color:var(--directorist-color-deep-gray)}.directorist-form-element.directorist-form-element-lg{height:50px}.directorist-form-element.directorist-form-element-lg__prefix{height:50px;line-height:50px}.directorist-form-element.directorist-form-element-sm{height:30px}.directorist-form-element.directorist-form-element-sm__prefix{height:30px;line-height:30px}.directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.directorist-form-group.directorist-icon-left .location-name{padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.directorist-form-group.directorist-icon-right .location-name{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group .directorist-input-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.45;z-index:99;-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-form-group .directorist-input-icon i,.directorist-form-group .directorist-input-icon span,.directorist-form-group .directorist-input-icon svg{font-size:14px}.directorist-form-group .directorist-input-icon .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-form-group .directorist-input-icon{margin-top:0}}.directorist-label{margin-bottom:0}input.directorist-toggle-input{display:none}.directorist-toggle-input-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}span.directorist-toggle-input-label-text{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:10px}span.directorist-toggle-input-label-icon{position:relative;width:50px;height:25px;border-radius:30px;background-color:#d9d9d9}span.directorist-toggle-input-label-icon,span.directorist-toggle-input-label-icon:after{display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}span.directorist-toggle-input-label-icon:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background-color:var(--directorist-color-white);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-flex-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-flex-grow-1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.directorist-tab-navigation{padding:0;margin:0 -10px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-tab-navigation-list-item{position:relative;list-style:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;margin:10px;padding:15px 20px;border-radius:4px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;background-color:var(--directorist-color-bg-light)}.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);-webkit-transform:translate(-50%);transform:translate(-50%)}.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:focus,.directorist-tab-navigation-list-item-link:visited{outline:none;-webkit-box-shadow: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);-webkit-transform:translate(-50%);transform:translate(-50%)}.directorist-tab-content{display:none}.directorist-tab-content.--is-active{display:block}.directorist-headline-4{margin:0 0 15px;font-size:15px;font-weight:400}.directorist-label-addon-prepend{margin-right:10px}.--is-hidden{display:none}.directorist-flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-btn,.directorist-flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:5px;font-size:14px;font-weight:500;vertical-align:middle;text-transform:capitalize;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 26px;min-height:45px;line-height:1.5;border-radius:8px;border:1px solid var(--directorist-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;background-color:var(--directorist-color-primary);color:var(--directorist-color-white);-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none!important}.directorist-btn .directorist-icon-mask:after{background-color:currentColor;width:16px;height:16px}.directorist-btn.directorist-btn--add-listing,.directorist-btn.directorist-btn--logout{line-height:43px}.directorist-btn:focus,.directorist-btn:hover{color:var(--directorist-color-white);outline:0!important;background-color:rgba(var(--directorist-color-primary-rgb),.8)}.directorist-btn.directorist-btn-primary{background-color:var(--directorist-color-btn-primary-bg);color:var(--directorist-color-btn-primary);border:1px solid var(--directorist-color-btn-primary-border)}.directorist-btn.directorist-btn-primary:focus,.directorist-btn.directorist-btn-primary:hover{background-color:rgba(var(--directorist-color-btn-primary-rgb),.8)}.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after,.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after{background-color:var(--directorist-color-btn-primary)}.directorist-btn.directorist-btn-secondary{background-color:var(--directorist-color-btn-secondary-bg);color:var(--directorist-color-btn-secondary);border:1px solid var(--directorist-color-btn-secondary-border)}.directorist-btn.directorist-btn-secondary:focus,.directorist-btn.directorist-btn-secondary:hover{background-color:transparent;color:currentColor;border-color:var(--directorist-color-btn-secondary-bg)}.directorist-btn.directorist-btn-dark{background-color:var(--directorist-color-dark);border-color:var(--directorist-color-dark);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-dark:hover{background-color:rgba(var(--directorist-color-dark-rgb),.8)}.directorist-btn.directorist-btn-success{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-success:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-info{background-color:var(--directorist-color-info);border-color:var(--directorist-color-info);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-info:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-light{background-color:var(--directorist-color-light);border-color:var(--directorist-color-light);color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-light:focus,.directorist-btn.directorist-btn-light:hover{background-color:var(--directorist-color-light-hover);color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-lighter{border-color:var(--directorist-color-dark);background-color:#f6f7f9;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-warning{border-color:var(--directorist-color-warning);background-color:var(--directorist-color-warning);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-warning:hover{background-color:rgba(var(--directorist-color-warning-rgb),.8)}.directorist-btn.directorist-btn-danger{border-color:var(--directorist-color-danger);background-color:var(--directorist-color-danger);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-danger:hover{background-color:rgba(var(--directorist-color-danger-rgb),.8)}.directorist-btn.directorist-btn-bg-normal{background:#f9f9f9}.directorist-btn.directorist-btn-loading{position:relative;font-size:0;pointer-events:none}.directorist-btn.directorist-btn-loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background-color:inherit}.directorist-btn.directorist-btn-loading:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);position:absolute;top:13px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:spin-centered 3s linear infinite;animation:spin-centered 3s linear infinite}.directorist-btn.directorist-btn-disabled{pointer-events:none;opacity:.75}.directorist-btn.directorist-btn-outline{background:transparent;border:1px solid var(--directorist-color-border)!important;color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-outline-normal{background:transparent;border:1px solid var(--directorist-color-normal)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-normal:focus,.directorist-btn.directorist-btn-outline-normal:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-normal)}.directorist-btn.directorist-btn-outline-light{background:transparent;border:1px solid var(--directorist-color-bg-light)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary:focus,.directorist-btn.directorist-btn-outline-primary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-secondary{background:transparent;border:1px solid var(--directorist-color-secondary)!important;color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-secondary:focus,.directorist-btn.directorist-btn-outline-secondary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-success{background:transparent;border:1px solid var(--directorist-color-success)!important;color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-success:focus,.directorist-btn.directorist-btn-outline-success:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-info{background:transparent;border:1px solid var(--directorist-color-info)!important;color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-info:focus,.directorist-btn.directorist-btn-outline-info:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-warning{background:transparent;border:1px solid var(--directorist-color-warning)!important;color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-warning:focus,.directorist-btn.directorist-btn-outline-warning:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-danger{background:transparent;border:1px solid var(--directorist-color-danger)!important;color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-danger:focus,.directorist-btn.directorist-btn-outline-danger:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-dark{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-dark:focus,.directorist-btn.directorist-btn-outline-dark:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@-webkit-keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}@keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}.directorist-modal{position:fixed;width:100%;height:100%;padding:0;background:rgba(var(--directorist-color-dark-rgb),.5);left:0;top:0;z-index:-1;overflow:auto;outline:0}.directorist-modal__dialog{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 80px);pointer-events:none}.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__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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;line-height:1.45;padding:6px;text-decoration:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:var(--directorist-color-bg-light)}.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover{color:var(--directorist-color-body);background-color:var(--directorist-color-light-hover);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin:-7.5px}.directorist-modal__content .directorist-modal__footer .directorist-modal__action button{margin:7.5px}.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{-webkit-transition:.3s ease;transition:.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;-webkit-transition:.3s ease;transition:.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(var(--directorist-color-dark-rgb),.5);opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}.directorist-search-modal__contents{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-100%;width:90%;max-width:600px;margin-bottom:100px;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 25px 15px 40px;border-radius:16px 16px 0 0;background-color:var(--directorist-color-white);border-bottom:1px solid var(--directorist-color-border);z-index:999}@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:80px;padding:30px 30px 0;height:calc(100dvh - 250px)}}.directorist-search-modal__contents__body .directorist-search-field__label{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--directorist-color-body);-webkit-transition:opacity .3s ease,top .3s ease,font-size .3s ease;transition:opacity .3s ease,top .3s ease,font-size .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time]{padding-right:0}.directorist-search-modal__contents__body .directorist-search-field__btn{position:absolute;bottom:12px;cursor:pointer}.directorist-search-modal__contents__body .directorist-search-field__btn--clear{opacity:0;visibility:hidden;right:0}.directorist-search-modal__contents__body .directorist-search-field__btn--clear i:after{width:16px;height:16px;background-color:#bcbcbc;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i:after{background-color:var(--directorist-color-primary)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time]{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label{top:0;font-size:13px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select{position:relative;bottom:-5px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon{margin-top:0}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range{position:relative}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label{font-size:16px;font-weight:500;position:unset}.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label{opacity:0}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear{right:25px;bottom:12px}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after{background-color:grey}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after{width:12px;height:12px;background-color:grey}.directorist-search-modal__contents__body .directorist-search-form-dropdown{border-bottom:1px solid var(--directorist-color-border)}.directorist-search-modal__contents__body .wp-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap{margin:0!important}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label{width:70px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input{padding-right:10px!important;bottom:0}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder{top:45px}.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__footer .directorist-advanced-filter__action .directorist-btn{font-size:15px}.directorist-search-modal__contents__footer .directorist-btn-reset-js{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding:0;text-transform:none;border:none;background:transparent;cursor:pointer}.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--directorist-color-light);border-radius:100%;border:none;cursor:pointer}.directorist-search-modal__contents__btn i:after{width:10px;height:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;background-color:var(--directorist-color-dark)}.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 .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%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:5px;border-radius:8px;background-color:var(--directorist-color-border);opacity:0;visibility:hidden}@media only screen and (max-width:575px){.directorist-search-modal__minimizer{opacity:1;visibility:visible}}.directorist-search-modal--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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;width:16px;height:16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--directorist-color-body);-webkit-mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search{border-radius:8px;color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i:after{background-color:currentColor}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input{min-height:42px;border-radius:8px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field{width:100%;margin:0 20px;padding-right:15px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before{content:"";width:14px;height:14px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);opacity:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn{bottom:unset;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:100%;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:calc(100% + 20px)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:5px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value{border-bottom:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within{outline:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range{padding:5px 0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search{width:auto;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel){margin:0 40px}}@media screen and (max-width:575px) and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{width:calc(100% + 20px)}}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label{font-size:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-25px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input{bottom:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn{right:-20px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear{right:5px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js{padding-right:30px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label{opacity:0;font-size:0!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select{width:100%}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:20px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown{margin-right:20px!important;border-bottom:none}.directorist-search-modal--basic .directorist-price-ranges:after{top:30px}}.directorist-search-modal--basic .open_now>label{display:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges,.directorist-search-modal--basic .open_now .check-btn{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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-search-modal--basic .directorist-search-tags~.directorist-btn-ml{margin-bottom:10px}.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single{min-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal--basic .directorist-search-field-price_range>label,.directorist-search-modal--basic .directorist-search-field-pricing>label,.directorist-search-modal--basic .directorist-search-field-radius_search>label,.directorist-search-modal--basic .directorist-search-field-text_range>label,.directorist-search-modal--basic .directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset;display:block;font-size:14px;margin-bottom:15px}.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn{bottom:12px}.directorist-search-modal--full .directorist-search-field{-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-search-modal--full .directorist-search-field .directorist-search-field__label{font-size:14px;font-weight:400}.directorist-search-modal--full .directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0;z-index:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field-pricing>label,.directorist-search-modal--full .directorist-search-field-radius_search>label,.directorist-search-modal--full .directorist-search-field-text_range>label{display:block;font-size:16px;font-weight:500;margin-bottom:18px}.directorist-search-modal__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid var(--directorist-color-border);border-radius:8px;min-height:40px;margin:0 0 15px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input .directorist-select{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-search-modal__input .directorist-form-group .directorist-form-element,.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus,.directorist-search-modal__input .select2.select2-container .select2-selection{border:0}.directorist-search-modal__input__btn{width:0;padding:0 10px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input__btn .directorist-icon-mask:after{width:14px;height:14px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-body)}.directorist-search-modal__input .input-is-focused.directorist-search-query:after{display:none}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal .directorist-checkbox-wrapper,.directorist-search-modal .directorist-radio-wrapper,.directorist-search-modal .directorist-search-tags{padding:0;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown{padding:0!important}.directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn{right:0}}.directorist-search-modal .directorist-search-form-dropdown.input-has-value,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused{margin-top:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{bottom:0!important;padding-right:25px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label{opacity:1!important;visibility:visible;margin:0;font-size:14px!important;font-weight:500}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item{font-weight:600;margin-left:5px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{right:25px!important}}.directorist-search-modal .directorist-search-basic-dropdown{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0;width:100%;max-width:unset;height:40px;line-height:40px;font-size:14px;font-weight:500;cursor:pointer;position:unset!important;-webkit-transform:unset!important;transform:unset!important;color:var(--directorist-color-dark)}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty){-webkit-margin-end:5px;margin-inline-end:5px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty){width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-white);background-color:var(--directorist-color-primary);font-size:10px;border-radius:100%;-webkit-margin-start:10px;margin-inline-start:10px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after{width:12px;height:12px;background-color:grey}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before{left:-20px!important}}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content{position:absolute;left:0;width:100%;min-width:150px;padding:15px 20px;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);max-height:250px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;z-index:100;display:none}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show{display:block}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags{gap:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label{width:100%}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-content-active.directorist-overlay-active{overflow:hidden}.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection{border:0!important}@media (min-width:992px) and (max-width:1199.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:768px) and (max-width:991.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:576px) and (max-width:767.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (max-width:575.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 30px)}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.directorist-alert{font-size:15px;word-break:break-word;border-radius:8px;background-color:#f4f4f4;padding:15px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-alert .directorist-icon-mask{margin-right:5px}.directorist-alert>a{padding-left:5px}.directorist-alert__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-alert__content i,.directorist-alert__content span.fa,.directorist-alert__content span.la{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;-webkit-box-shadow:none;box-shadow:none;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-alert__close .fa,.directorist-alert__close .la,.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),.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-color:#dcebfe;color:#157cf6}.directorist-alert.directorist-alert-info .directorist-alert__close{color:#157cf6}.directorist-alert.directorist-alert-warning{background-color:#fee9d9;color:#f56e00}.directorist-alert.directorist-alert-warning .directorist-alert__close{color:#f56e00}.directorist-alert.directorist-alert-danger{background-color:#fcd9d9;color:#e80000}.directorist-alert.directorist-alert-danger .directorist-alert__close{color:#e80000}.directorist-alert.directorist-alert-success{background-color:#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,.3)}.alert-danger.directorist-register-error{background:#fcd9d9;color:#e80000;border-radius:3px}.alert-danger.directorist-register-error .directorist-alert__close{color:#e80000}.directorist-single-listing-notice .directorist-alert__content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.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{-webkit-box-sizing:border-box;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:var(--directorist-color-white);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),.15)}.directorist-badge.directorist-badge-warning-transparent{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning-rgb),.15)}.directorist-badge.directorist-badge-info-transparent{color:var(--directorist-color-info);background-color:rgba(var(--directorist-color-info-rgb),.15)}.directorist-badge.directorist-badge-success-transparent{color:var(--directorist-color-success);background-color:rgba(var(--directorist-color-success-rgb),.15)}.directorist-badge.directorist-badge-danger-transparent{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger-rgb),.15)}.directorist-badge.directorist-badge-light-transparent{color:var(--directorist-color-white);background-color:rgba(var(--directorist-color-white-rgb),.15)}.directorist-badge.directorist-badge-gray-transparent{color:var(--directorist-color-gray);background-color:rgba(var(--directorist-color-gray-rgb),.15)}.directorist-badge .directorist-badge-tooltip{position:absolute;top:-35px;height:30px;line-height:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 20px;font-size:12px;border-radius:15px;color:var(--directorist-color-white);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.directorist-badge .directorist-badge-tooltip__featured{background-color:var(--directorist-color-featured-badge)}.directorist-badge .directorist-badge-tooltip__new{background-color:var(--directorist-color-new-badge)}.directorist-badge .directorist-badge-tooltip__popular{background-color:var(--directorist-color-popular-badge)}@media screen and (max-width:480px){.directorist-badge .directorist-badge-tooltip{height:25px;line-height:25px;font-size:10px;padding:0 15px}}.directorist-badge:hover .directorist-badge-tooltip{opacity:1;visibility:visible}.directorist-checkbox,.directorist-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-checkbox input[type=checkbox],.directorist-checkbox input[type=radio],.directorist-radio input[type=checkbox],.directorist-radio input[type=radio]{display:none!important}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:30px;margin-bottom:0;margin-left:0;line-height:1.4;color:var(--directorist-color-body);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--directorist-color-gray);background-color:transparent}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{line-height:1.2;padding-left:25px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{top:1px;width:16px;height:16px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-radio__label .directorist-icon-mask:after{width:12px;height:12px}}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=radio]:checked+.directorist-radio__label:before{opacity:1;visibility:visible}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{position:absolute;left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white);display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{top:4px;left:3px}}.directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background-color:var(--directorist-color-white);border:0;opacity:0;visibility:hidden;z-index:2;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;content:""}@media only screen and (max-width:575px){.directorist-radio input[type=radio]+.directorist-radio__label:before{left:3px;top:4px}}.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white)}.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-secondary);border-color:var(--directorist-color-secondary)}.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success)}.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:#3e62f5!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:before{background-color:#3e62f5!important}.directorist-checkbox-rating{gap:20px;width:100%;padding:10px 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-checkbox-rating input[type=checkbox]+.directorist-checkbox__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-checkbox-rating .directorist-icon-mask:after{width:14px;height:14px;margin-top:1px}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:before{width:10px;height:10px;top:5px;left:5px;background-color:var(--directorist-color-white)!important}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked+.directorist-radio__label:after{background-color:#3e62f5;border-color:#3e62f5}.directorist-radio.directorist-radio-theme-admin .directorist-radio__label{padding-left:35px!important}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:before{width:8px;height:8px;top:6px!important;left:6px!important;border-radius:50%;background-color:var(--directorist-color-white)!important;content:""}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked+.directorist-checkbox__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label{padding-left:35px!important}.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{-webkit-transform:translateX(20px);transform:translateX(20px)}.directorist-switch .directorist-switch-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;padding-left:65px;margin-left:0;color:var(--directorist-color-body)}.directorist-switch .directorist-switch-label:before{content:"";position:absolute;top:.75px;left:4px;display:block;width:44px;height:24px;border-radius:15px;pointer-events:all;background-color:#ececec}.directorist-switch .directorist-switch-label:after{position:absolute;display:block;content:"";background:no-repeat 50%/50% 50%;top:4.75px;left:8px;background-color:var(--directorist-color-white)!important;width:16px;height:16px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 0 4px rgba(143,142,159,.15);box-shadow:0 0 4px rgba(143,142,159,.15);border-radius:15px;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .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;-ms-user-select:none;user-select:none;font-size:14px;line-height:27px;padding:5px 10.5px;font-weight:500}.directorist-switch-Yn input[type=checkbox]{display:none}.directorist-switch-Yn input[type=checkbox]:checked+.directorist-switch-yes{background-color:#3e62f5;color:var(--directorist-color-white)}.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes,.directorist-switch-Yn input[type=checkbox]:checked+span+.directorist-switch-no{background-color:transparent;color:#9b9eaf}.directorist-switch-Yn input[type=checkbox]+span+.directorist-switch-no{background-color:#fb6665;color:var(--directorist-color-white)}.directorist-switch-Yn .directorist-switch-yes{border-radius:15px 0 0 15px}.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;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:8}.directorist-select2-addon,.directorist-select2-addons-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-select2-addon{padding:0 5px}.directorist-select2-dropdown-close,.directorist-select2-dropdown-toggle{height:auto;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}.icon-picker{position:fixed;background-color:rgba(0,0,0,.35);top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.icon-picker__inner{width:935px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;height:800px;overflow:hidden;border-radius:6px}.icon-picker__close,.icon-picker__inner{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.icon-picker__close{width:34px;height:34px;border-radius:50%;background-color:#5a5f7d;color:#fff;font-size:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:20px;top:23px;z-index:1;-webkit-transition:.3s ease;transition:.3s ease}.icon-picker__close:hover{color:#fff;background-color:#222}.icon-picker__sidebar{width:30%;background-color:#eff0f3;padding:30px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.icon-picker__content{width:70%;overflow:auto}.icon-picker__content .icons-group{padding-top:80px}.icon-picker__content .icons-group h4{font-size:16px;font-weight:500;color:#272b41;background-color:#fff;padding:33px 0 27px 20px;border-bottom:1px solid #e3e6ef;margin:0;position:absolute;left:30%;top:0;width:70%}.icon-picker__content .icons-group-icons{padding:17px 0 17px 17px}.icon-picker__content .icons-group-icons .font-icon-btn{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:5px 3px;width:70px;height:70px;background-color:#f4f5f7;border-radius:5px;font-size:24px;color:#868eae;font-size:18px!important;border:0;-webkit-transition:.3s ease;transition:.3s ease}.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary{background-color:#3e62f5;color:#fff;font-size:30px;-webkit-box-shadow:0 3px 10px rgba(39,43,65,.2);box-shadow:0 3px 10px rgba(39,43,65,.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::-webkit-input-placeholder{color:#797d93}.icon-picker__filter input::-moz-placeholder{color:#797d93}.icon-picker__filter input:-ms-input-placeholder{color:#797d93}.icon-picker__filter input::-ms-input-placeholder{color:#797d93}.icon-picker__filter input::placeholder{color:#797d93}.icon-picker__filter select:focus,.icon-picker__filter select:hover{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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:15px}.icon-picker__done-btn{display:block!important;width:100%;margin:35px 0 0!important}.directorist-type-icon-select label{font-size:14px;font-weight:500;display:block;margin-bottom:10px}.icon-picker-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 -10px}.icon-picker-selector__icon{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 10px}.icon-picker-selector__icon .directorist-selected-icon{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.icon-picker-selector__icon .cptm-form-control{pointer-events:none}.icon-picker-selector__icon__reset{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;padding:5px 15px}.icon-picker-selector__btn{margin:0 10px;height:40px;background-color:#dadce0;border-radius:4px;border:0;font-weight:500;padding:0 30px;cursor:pointer}.directorist-category-icon-picker{margin-top:10px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-category-icon-picker .icon-picker-selector{width:100%}@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__content,.icon-picker__sidebar{width:auto}.icon-picker__content .icons-group-icons .font-icon-btn{width:55px;height:55px;font-size:16px}}.atbdp-nav-link:active,.atbdp-nav-link:focus,.atbdp-nav-link:visited,.cptm-btn:active,.cptm-btn:focus,.cptm-btn:visited,.cptm-header-action-link:active,.cptm-header-action-link:focus,.cptm-header-action-link:visited,.cptm-header-nav__list-item-link:active,.cptm-header-nav__list-item-link:focus,.cptm-header-nav__list-item-link:visited,.cptm-link-light:active,.cptm-link-light:focus,.cptm-link-light:visited,.cptm-modal-action-link:active,.cptm-modal-action-link:focus,.cptm-modal-action-link:visited,.cptm-sub-nav__item-link:active,.cptm-sub-nav__item-link:focus,.cptm-sub-nav__item-link:visited,.reset-pseudo-link:active,.reset-pseudo-link:focus,.reset-pseudo-link:visited{outline:none;-webkit-box-shadow:none;box-shadow:none}.cptm-shortcodes{max-height:300px;overflow:scroll}.directorist-center-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-center-content-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-center-content,.directorist-center-content-inline{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.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-25{margin-bottom:25px!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}.directorist-w-100{width:100%!important;max-width:100%!important}.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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:-20px}.directorist-droppable-area{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.directorist-droppable-item-preview{height:52px;background-color:rgba(44,153,255,.1);margin-bottom:20px;margin-right:0;border-radius:4px}.directorist-droppable-item-preview-after,.directorist-droppable-item-preview-before{margin-bottom:20px}.directorist-directory-type-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 30px;padding:0 20px;background:#fff;min-height:60px;border-bottom:1px solid #e5e7eb;position:fixed;right:0;top:32px;width:calc(100% - 200px);z-index:9999}.directorist-directory-type-top:before{content:"";position:absolute;top:-10px;left:0;height:10px;width:100%;background-color:#f3f4f6}@media only screen and (max-width:782px){.directorist-directory-type-top{position:relative;width:calc(100% + 20px);top:-10px;left:-10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.directorist-directory-type-top{padding:10px 30px}}.directorist-directory-type-top-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px 24px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:767px){.directorist-directory-type-top-left{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-directory-type-top-left .cptm-form-group{margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback{white-space:nowrap}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control{height:36px;border-radius:8px;background:#e5e7eb;max-width:150px;padding:10px 16px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:16.24px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:16.24px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:16.24px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:16.24px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:16.24px}.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert{padding:0}.directorist-directory-type-top-left .directorist-back-directory{color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}.directorist-directory-type-top-left .directorist-back-directory svg{width:14px;height:14px;color:inherit}.directorist-directory-type-top-left .directorist-back-directory:hover{color:#3e62f5}.directorist-directory-type-top-right .directorist-create-directory{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;text-decoration:none;padding:0 24px;height:40px;border:1px solid #3e62f5;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 4px 0 rgba(60,41,170,.1);box-shadow:0 2px 4px 0 rgba(60,41,170,.1);background-color:#3e62f5;color:#fff;font-size:15px;font-weight:500;line-height:normal;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-directory-type-top-right .directorist-create-directory:hover{background-color:#5a7aff;border-color:#5a7aff}.directorist-directory-type-top-right .cptm-btn{margin:0}.directorist-type-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#141921;line-height:16px}.directorist-type-name span{font-size:20px;color:#747c89}.directorist-type-name-editable{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}.directorist-type-name-editable span{font-size:20px;color:#747c89}.directorist-type-name-editable span:hover{color:#3e62f5}.directorist-directory-type-bottom{position:fixed;bottom:0;right:20px;width:calc(100% - 204px);height:calc(100% - 115px);overflow-y:auto;z-index:1;background:#fff;margin-top:67px;border-radius:8px 8px 0 0;border:1px solid #e5e7eb;-webkit-box-shadow:0 4px 8px 0 rgba(16,24,40,.08);box-shadow:0 4px 8px 0 rgba(16,24,40,.08)}@media only screen and (max-width:782px){.directorist-directory-type-bottom{position:unset;width:100%;height:auto;overflow-y:visible;margin-top:20px}.directorist-directory-type-bottom .atbdp-cptm-body{margin:0 20px 20px!important}}.directorist-directory-type-bottom .cptm-header-navigation{position:fixed;right:20px;top:113px;width:calc(100% - 202px);background:#fff;border:1px solid #e5e7eb;gap:0 32px;padding:0 30px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:8px 8px 0 0;overflow-x:auto;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.directorist-directory-type-bottom .cptm-header-navigation{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}@media only screen and (max-width:782px){.directorist-directory-type-bottom .cptm-header-navigation{position:unset;width:100%;border:none}}.directorist-directory-type-bottom .atbdp-cptm-body{position:relative;margin-top:72px}@media only screen and (max-width:600px){.directorist-directory-type-bottom .atbdp-cptm-body{margin-top:0}}.wp-admin.folded .directorist-directory-type-top{width:calc(100% - 78px)}@media only screen and (max-width:782px){.wp-admin.folded .directorist-directory-type-top{width:calc(100% - 40px)}}.wp-admin.folded .directorist-directory-type-bottom{width:calc(100% - 80px)}.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation{width:calc(100% - 78px)}@media only screen and (max-width:782px){.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation{width:100%;border-width:0 0 1px}}.directorist-draggable-form-list-wrap{margin-right:50px}.directorist-form-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:26px}.directorist-form-action,.directorist-form-action__modal-btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-form-action__modal-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:6px;width:30px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:transparent;color:#4d5761;text-align:center;font-size:12px;font-style:normal;font-weight:500;line-height:14px;letter-spacing:.12px;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}.directorist-form-action__modal-btn svg{width:14px;height:14px;color:inherit}.directorist-form-action__modal-btn:hover{color:#217aef;background:#eff8ff;border-color:#bee3ff}.directorist-form-action__link{margin-top:2px;font-size:12px;font-weight:500;color:#1b50b2;line-height:20px;letter-spacing:.12px;text-decoration:underline}.directorist-form-action__view{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;width:30px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:transparent;color:#4d5761;text-align:center;font-size:12px;font-style:normal;font-weight:500;line-height:14px;letter-spacing:.12px;text-transform:capitalize}.directorist-form-action__view svg{width:14px;height:14px;color:inherit}.directorist-form-action__view:hover{color:#217aef;background:#eff8ff;border-color:#bee3ff}.directorist-form-action__view:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.cptm-form-note{margin-bottom:30px;padding:30px;background-color:#dcebfe;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-form-note i{font-size:30px;opacity:.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{position:relative;display:block;color:#23282d}.atbdp-cpt-manager.directorist-overlay-visible{position:fixed;z-index:9;width:calc(100% - 200px)}.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation,.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top{z-index:1}.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields{z-index:11}.atbdp-cptm-header{display:block}.atbdp-cptm-header .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;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 .atbdp-cptm-footer-preview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label{position:relative;font-size:14px;font-weight:500;color:#4d5761;cursor:pointer}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before{content:"";position:absolute;right:0;top:0;width:36px;height:20px;border-radius:30px;background:#d2d6db;border:3px solid #d2d6db;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after{content:"";position:absolute;right:19px;top:3px;width:14px;height:14px;background:#fff;border-radius:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle{display:none}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked~label:before{background-color:#3e62f5;border-color:#3e62f5}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked~label:after{right:3px}.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc{font-size:12px;font-weight:400;color:#747c89}.atbdp-cptm-footer-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.atbdp-cptm-footer-actions .cptm-btn{gap:10px;width:100%;font-weight:500;font-size:15px;height:48px;padding:0 30px;margin:0}.atbdp-cptm-footer-actions .cptm-btn,.atbdp-cptm-footer-actions .cptm-save-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.atbdp-cptm-footer-actions .cptm-save-text{gap:8px}.cptm-title-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px;padding:15px 10px;background-color:#fff}.cptm-card-preview-widget .cptm-title-bar{margin:0}.cptm-title-bar-headings{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;vertical-align:top}.cptm-btn.cptm-label-btn:disabled,.cptm-btn:disabled{cursor:not-allowed;opacity:.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;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:15px!important}.cptm-btn.cptm-btn-secondery:hover{color:#fff;background-color:#3e62f5}.cptm-file-input-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-file-input-wrap .cptm-btn{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-btn-box{display:block}.cptm-form-builder-group-field-drop-area{display:block;padding:14px 20px;border-radius:4px;margin:16px 0 0;text-align:center;font-size:14px;font-weight:500;color:#747c89;background-color:#f9fafb;font-style:italic;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:1px dashed #d2d6db;-webkit-box-shadow:0 4px 8px 0 rgba(16,24,40,.08);box-shadow:0 4px 8px 0 rgba(16,24,40,.08)}.cptm-form-builder-group-field-drop-area:first-child{margin-top:0}.cptm-form-builder-group-field-drop-area.drag-enter{color:#3e62f5;background-color:#d8e0fd;border-color:#3e62f5}.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);-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:300px;z-index:9999}@media screen and (max-width:960px){.atbdp-cptm-status-feedback{left:calc(50% + 100px)}}@media screen and (max-width:782px){.atbdp-cptm-status-feedback{left:50%}}.cptm-alert{position:relative;padding:14px 24px 14px 52px;font-size:16px;font-weight:500;line-height:22px;color:#053e29;border-radius:8px;-webkit-box-shadow:0 8px 16px rgba(16,24,40,.1);box-shadow:0 8px 16px rgba(16,24,40,.1)}.cptm-alert: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}.cptm-alert-success:before{content:"\f058";color:#14b570}.cptm-alert-error{background-color:#f3d6d6;border:1px solid #c51616}.cptm-alert-error:before{content:"\f057";color:#c51616}.cptm-dropable-element{position:relative}.cptm-dropable-base-element{display:block;position:relative;padding:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.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;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:rgba(61,98,245,.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-left,.cptm-dropable-area-right{display:block}.cptm-dropable-area-left,.cptm-dropable-area-right{display:block;float:left;width:50%;height:100%}.cptm-dropable-area-bottom,.cptm-dropable-area-top{display:block}.cptm-dropable-area-bottom,.cptm-dropable-area-top{display:block;width:100%;height:50%}.cptm-header-navigation{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:480px){.cptm-header-navigation{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.cptm-header-nav__list-item{margin:0;display:inline-block;list-style:none;text-align:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@media (max-width:480px){.cptm-header-nav__list-item{width:100%}}.cptm-header-nav__list-item-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#4d5761;font-weight:500;padding:24px 0;position:relative}@media only screen and (max-width:480px){.cptm-header-nav__list-item-link{padding:16px 0}}.cptm-header-nav__list-item-link:before{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% + 55px);height:3px;background-color:transparent;border-radius:2px 2px 0 0}.cptm-header-nav__list-item-link .cptm-header-nav__icon{font-size:24px}.cptm-header-nav__list-item-link.active{font-weight:600}.cptm-header-nav__list-item-link.active:before{background-color:#3e62f5}.cptm-header-nav__list-item-link.active .cptm-header-nav__icon,.cptm-header-nav__list-item-link.active .cptm-header-nav__label{color:#3e62f5}.cptm-header-nav__icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-header-nav__icon svg{width:24px;height:24px}.cptm-header-nav__label{display:block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:14px;font-weight:500}.cptm-title-area{margin-bottom:20px}.submission-form .cptm-title-area{width:100%}.tab-general .cptm-title-area{margin-left:0}.cptm-color-white,.cptm-link-light,.cptm-link-light:active,.cptm-link-light:focus,.cptm-link-light:hover{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{width:100%;display:block;background-color:#fff}.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header{margin-top:92px}@media only screen and (max-width:782px){.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header{margin-top:20px}}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation{width:auto;max-width:658px;margin:0 auto;gap:16px;padding:0;border-radius:8px 8px 0 0;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;-webkit-box-sizing:border-box;box-sizing:border-box}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link{height:47px;padding:0 8px;border:none;border-radius:0;position:relative}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:transparent;border-radius:2px 2px 0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active,.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover{color:#3e62f5;background:transparent}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path,.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path{stroke:#3e62f5}.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before,.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before{background:#3e62f5}.atbdp-cptm-tab-item{display:none}.atbdp-cptm-tab-item.active{display:block}.cptm-tab-content-header{position:relative;background:transparent;max-width:100%;margin:82px auto 0}@media only screen and (max-width:782px){.cptm-tab-content-header{margin-top:0}}.cptm-tab-content-header .cptm-tab-content-header__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;right:32px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:11}@media only screen and (max-width:991px){.cptm-tab-content-header .cptm-tab-content-header__action{right:25px}}@media only screen and (max-width:782px){.cptm-tab-content-header .cptm-sub-navigation{padding-right:70px;margin-top:20px}.cptm-tab-content-header .cptm-tab-content-header__action{top:0;-webkit-transform:unset;transform:unset}}@media only screen and (max-width:480px){.cptm-tab-content-header .cptm-sub-navigation{margin-top:0}.cptm-tab-content-header .cptm-tab-content-header__action{right:0}}.cptm-tab-content-body{display:block}.cptm-tab-content{position:relative;margin:0 auto;min-height:500px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-tab-content.tab-wide{max-width:1080px}.cptm-tab-content.tab-short-wide{max-width:600px}.cptm-tab-content.tab-full-width{max-width:100%}.cptm-tab-content.cptm-tab-content-general{top:32px;padding:32px 30px 0;border:1px solid #e5e7eb;border-radius:8px;margin:0 auto 70px}@media only screen and (max-width:960px){.cptm-tab-content.cptm-tab-content-general{max-width:100%;margin:0 20px 52px}}@media only screen and (max-width:782px){.cptm-tab-content.cptm-tab-content-general{margin:0}}@media only screen and (max-width:480px){.cptm-tab-content.cptm-tab-content-general{top:0}}.cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child){margin-bottom:50px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.cptm-col-5{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:calc(42.66% - 30px);padding:0 15px}@media (max-width:767px){.cptm-col-5{width:calc(100% - 30px);margin-bottom:30px}}.cptm-col-6{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:calc(50% - 30px);padding:0 15px}@media (max-width:767px){.cptm-col-6{width:calc(100% - 30px);margin-bottom:30px}}.cptm-col-7{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:calc(57.33% - 30px);padding:0 15px}@media (max-width:767px){.cptm-col-7{width:calc(100% - 30px);margin-bottom:30px}}.cptm-section{position:relative;z-index:10}.cptm-section.cptm-section--disabled .cptm-builder-section{opacity:.6;pointer-events:none}.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container{height:100%;padding-bottom:400px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-section.single_listing_header{border-top:1px solid #e5e7eb}.cptm-section.search_form_fields .directorist-form-action,.cptm-section.submission_form_fields .directorist-form-action{position:absolute;right:0;top:0;margin:0}.cptm-section.preview_mode{position:absolute;right:24px;bottom:18px;width:calc(100% - 420px);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.cptm-section.preview_mode:before{content:"";position:absolute;top:0;left:43px;height:1px;width:calc(100% - 86px);background-color:#f3f4f6}@media only screen and (min-width:1441px){.cptm-section.preview_mode{width:calc(65% - 49px)}}@media only screen and (max-width:1024px){.cptm-section.preview_mode{width:calc(100% - 49px)}}@media only screen and (max-width:480px){.cptm-section.preview_mode{width:100%;position:unset;margin-top:20px}}.cptm-section.preview_mode .cptm-title-area{display:none}.cptm-section.preview_mode .cptm-input-toggle-wrap{gap:10px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.cptm-section.preview_mode .directorist-footer-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:10px 16px;background-color:#f5f6f7;border:1px solid #e5e7eb;border-radius:6px}@media only screen and (max-width:575px){.cptm-section.preview_mode .directorist-footer-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-weight:500;color:#141921}.cptm-section.preview_mode .directorist-footer-wrap .directorist-input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn{position:relative;margin:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px;font-size:12px;font-weight:500;color:#4d5761;border-color:#e5e7eb;background-color:#fff;border-radius:6px}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon{opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before{content:attr(data-info);top:calc(100% + 8px);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;text-align:center;color:#fff;font-size:13px;font-weight:500;padding:10px 12px;border-radius:6px;background-color:#141921}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after,.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after{content:"";top:calc(100% + 2px);border-bottom:6px solid #141921;border-left:6px solid transparent;border-right:6px solid transparent}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon{font-size:16px}.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon,.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after,.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before{opacity:1;visibility:visible}.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group{margin:0}.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control{height:32px;padding:0 20px;font-size:12px;font-weight:500;color:#4d5761}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper,.cptm-section.listings_card_list_view .cptm-form-field-wrapper{max-width:658px;padding:24px;margin:0 auto 32px;border-radius:0 0 8px 8px;background:#fff;border:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:480px){.cptm-section.listings_card_grid_view .cptm-form-field-wrapper,.cptm-section.listings_card_list_view .cptm-form-field-wrapper{padding:16px}}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area{max-width:100%;padding:12px 20px;margin-bottom:16px;background:#f3f4f6;border:1px solid #f3f4f6;border-radius:8px}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field{margin:0}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px}@media only screen and (max-width:480px){.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title{font-size:14px;line-height:19px;font-weight:500;color:#141921;margin:0 0 4px}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description{font-size:12px;line-height:16px;font-weight:400;color:#4d5761;margin:0}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget{max-width:unset;padding:0;border-radius:4px;border:1px solid #e5e7eb;-webkit-box-shadow:0 2px 8px 0 rgba(16,24,40,.08);box-shadow:0 2px 8px 0 rgba(16,24,40,.08)}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content{-webkit-box-shadow:unset;box-shadow:unset}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header{position:relative;height:328px;padding:16px 16px 24px;background:#e5e7eb;border-radius:4px 4px 0 0;-webkit-box-shadow:unset;box-shadow:unset}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block{padding-bottom:32px}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block{max-width:100%;background:#f3f4f6;border:1px dashed #d2d6db;border-radius:4px;min-height:72px;padding-bottom:32px}.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container,.cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list,.cptm-section.listings_card_list_view .cptm-form-group-tab-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;padding:0;border:none;background:transparent}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link{position:relative;height:unset;padding:8px 26px 8px 40px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before{content:"";position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid #a1a9b2;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border .3s ease;transition:border .3s ease}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg{border:1px solid #d2d6db;border-radius:4px}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active{border-color:#3e62f5}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before{border:5px solid #3e62f5}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg{border-color:#3e62f5}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect{fill:#3e62f5}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type{stroke:#3e62f5;fill:#3e62f5}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path{fill:#fff}.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect{fill:#3e62f5;stroke:unset}.cptm-section.listings_card_grid_view .cptm-card-preview-widget{-webkit-box-shadow:unset;box-shadow:unset}.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content{border-radius:10px;-webkit-box-shadow:0 8px 16px 0 rgba(16,24,40,.1019607843);box-shadow:0 8px 16px 0 rgba(16,24,40,.1019607843)}.cptm-section.listings_card_list_view .cptm-card-top-area{max-width:unset}.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail{border-radius:10px}.cptm-section.new_listing_status{z-index:11}.cptm-section:last-child{margin-bottom:0}.cptm-form-builder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media only screen and (max-width:1024px){.cptm-form-builder{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:30px}.cptm-form-builder .cptm-form-builder-sidebar{max-width:100%}}.cptm-form-builder.submission_form_fields .cptm-form-builder-content{border-bottom:25px solid #f3f4f6}@media only screen and (max-width:480px){.cptm-form-builder.submission_form_fields{gap:30px}.cptm-form-builder.submission_form_fields .cptm-col-sticky{position:unset;border:none}.cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content{padding:0}.cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container{padding-bottom:0}}.cptm-form-builder.single_listings_contents{border-top:1px solid #e5e7eb}@media only screen and (max-width:480px){.cptm-form-builder.search_form_fields .cptm-col-sticky{position:unset;border:none}.cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content{padding:0}.cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container{padding-bottom:0}}.cptm-form-builder-sidebar{width:100%;max-width:372px;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width:1441px){.cptm-form-builder-sidebar{max-width:35%}}.cptm-form-builder-sidebar .cptm-form-builder-action{padding-bottom:0}@media only screen and (max-width:480px){.cptm-form-builder-sidebar .cptm-form-builder-action{padding:20px 0}}.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content{padding:12px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-form-builder-content{height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background:#f3f4f6;border-left:1px solid #e5e7eb}.cptm-form-builder-content .cptm-form-builder-action{border-bottom:1px solid #e5e7eb}.cptm-form-builder-content .cptm-form-builder-active-fields{padding:24px;background:#f3f4f6;height:100%;min-height:calc(100vh - 225px)}@media only screen and (max-width:1399px){.cptm-form-builder-content .cptm-form-builder-active-fields{min-height:calc(100vh - 225px)}}.cptm-form-builder-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:18px 24px;background:#fff}.cptm-form-builder-action-title{font-size:16px;line-height:24px;font-weight:500;color:#141921}.cptm-form-builder-action-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;padding:0 12px;color:#141921;font-size:14px;line-height:16px;font-weight:500;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d2d6db;border-radius:4px}.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after,.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after{width:200px;height:auto;min-height:34px;white-space:unset;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-form-builder-preset-fields:not(:last-child){margin-bottom:40px}.cptm-form-builder-preset-fields-header-action-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;margin:0 0 12px}.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon{font-size:20px}.cptm-form-builder-preset-fields-header-action-link:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.cptm-form-builder-preset-fields-header-action-text{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:600;color:#4d5761}.cptm-form-builder-preset-fields-header-action-link{color:#747c89}.cptm-title-3{margin:0;color:#272b41;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font-weight:500;font-size:18px}.cptm-description-text{margin:5px 0 20px;color:#5a5f7d;font-size:15px}.cptm-form-builder-active-fields{display:block;height:100%}.cptm-form-builder-active-fields.empty-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:calc(100vh - 200px);-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container{height:auto}.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text{font-size:18px;line-height:24px;font-weight:500;font-style:italic;color:#4d5761;margin:12px 0 0}.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer{text-align:center}.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn{margin:10px auto}.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper{height:auto;z-index:auto}.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover{z-index:1}.cptm-form-builder-active-fields .cptm-description-text+.cptm-btn{border:1px solid #3e62f5;height:43px;background:rgba(62,98,245,.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{position:relative;margin:0;z-index:1}.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{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;height:40px;color:#3e62f5;background:#fff;margin:16px 0 0;font-size:14px;font-weight:600;border-radius:4px;border:1px solid #3e62f5;-webkit-box-shadow:0 1px 2px rgba(16,24,40,.08);box-shadow:0 1px 2px rgba(16,24,40,.08)}.cptm-form-builder-active-fields-footer .cptm-btn span{font-size:16px}.cptm-form-builder-active-fields-group{position:relative;margin-bottom:6px;padding-bottom:0}.cptm-form-builder-group-header-section{position:relative}.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header{border-radius:6px 6px 0 0;background-color:#f9fafb;border-bottom:none}.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon{background-color:#d8e0fd}.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper{right:12px}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper{position:absolute;top:calc(100% - 12px);right:55px;width:100%;max-width:460px;height:100%;z-index:9}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options{padding:0;border:1px solid #e5e7eb;border-radius:6px;-webkit-box-shadow:0 8px 16px rgba(16,24,40,.1);box-shadow:0 8px 16px rgba(16,24,40,.1)}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title{font-size:14px;line-height:16px;font-weight:600;color:#2c3239;margin:0}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close{color:#2c3239}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span{font-size:20px}.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area{padding:24px}.cptm-form-builder-group-header{border-radius:6px;background-color:#fff;border:1px solid #e5e7eb;overflow:hidden;-webkit-transition:border-radius 1s ease;transition:border-radius 1s ease}.cptm-form-builder-group-header,.cptm-form-builder-group-header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-form-builder-group-header-content{gap:8px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box}div[draggable=true].cptm-form-builder-group-header-content{cursor:move}.cptm-form-builder-group-header-content__dropable-wrapper{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.cptm-card-top-area{max-width:450px;margin:0 auto 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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.cptm-form-builder-group-header-content__dropable-placeholder{margin-right:15px}.cptm-form-builder-header-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}.cptm-form-builder-group-actions-dropdown-content.expanded{position:absolute;width:200px;top:100%;right:0;z-index:9}.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#d94a4a;background:#fff;padding:10px 15px;width:100%;height:50px;font-size:14px;font-weight:500;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e5e7eb;-webkit-box-shadow:0 12px 16px rgba(16,24,40,.08);box-shadow:0 12px 16px rgba(16,24,40,.08);-webkit-transition:background .3s ease,color .3s ease,border-color .3s ease;transition:background .3s ease,color .3s ease,border-color .3s ease}.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span{font-size:20px}.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover{color:#fff;background:#d94a4a;border-color:#d94a4a}.cptm-form-builder-group-actions{display:block;min-width:34px;margin-left:15px}.cptm-form-builder-group-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0;font-size:15px;font-weight:500;color:#141921}@media only screen and (max-width:480px){.cptm-form-builder-group-title{font-size:13px}}.cptm-form-builder-group-title .cptm-form-builder-group-title-label{cursor:text}.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input{height:40px;padding:4px 50px 4px 6px;border-radius:2px;border:1px solid #3e62f5}.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input:focus{border-color:#3e62f5;-webkit-box-shadow:0 0 0 1px rgba(62,98,245,.2);box-shadow:0 0 0 1px rgba(62,98,245,.2)}.cptm-form-builder-group-title-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px;color:#141921;border-radius:8px;background-color:#f3f4f6}@media only screen and (max-width:480px){.cptm-form-builder-group-title-icon{width:32px;height:32px;min-width:32px;min-height:32px;font-size:18px}}.cptm-form-builder-group-options{background-color:#fff;padding:20px;border-radius:0 0 6px 6px;border:1px solid #e5e7eb;border-top:none;-webkit-box-shadow:0 4px 8px rgba(16,24,40,.08);box-shadow:0 4px 8px rgba(16,24,40,.08)}.cptm-form-builder-group-options .directorist-form-fields-advanced{padding:0;margin:16px 0 0;font-size:13px;font-weight:500;background:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;color:#2e94fa;text-decoration:underline;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.cptm-form-builder-group-options .directorist-form-fields-advanced:hover{color:#3e62f5}.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child{margin-bottom:0}.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle{font-size:13px;font-weight:500;color:#3e62f5;background:transparent;border:none;padding:0;display:block;margin-top:-7px;cursor:pointer}.cptm-form-builder-group-fields{display:block;position:relative;padding:24px;background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 6px 6px;-webkit-box-shadow:0 4px 8px rgba(16,24,40,.08);box-shadow:0 4px 8px rgba(16,24,40,.08)}.icon-picker-selector{margin:0;padding:3px 4px 3px 16px;border:1px solid #d2d6db;border-radius:8px;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.icon-picker-selector .icon-picker-selector__icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control{padding:5px 20px;min-height:20px;background-color:transparent;outline:none}.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon{position:unset;-webkit-transform:unset;transform:unset;font-size:16px}.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before{margin-right:6px}.icon-picker-selector .icon-picker-selector__icon input{height:32px;border:none!important;padding-left:0!important}.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset{font-size:12px;padding:0 10px 0 0}.icon-picker-selector .icon-picker-selector__btn{margin:0;height:32px;padding:0 15px;font-size:13px;font-weight:500;color:#2c3239;border-radius:6px;background-color:#e5e7eb;-webkit-transition:all .3s ease;transition:all .3s ease}.icon-picker-selector .icon-picker-selector__btn:hover{background-color:#e3e6e9}.cptm-restricted-area{position:absolute;top:0;bottom:0;right:0;left:0;z-index:999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px;text-align:center;background:hsla(0,0%,100%,.8)}.cptm-form-builder-group-field-item{margin-bottom:8px;position:relative}.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:48px;font-size:24px;color:#747c89;background-color:#f9fafb;border-radius:6px 0 0 6px;cursor:move}.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag,.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content{gap:8px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:8px 12px;background:#fff;border-radius:0 6px 6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header{border-radius:6px 6px 0 0;background-color:#f9fafb;border-width:1.5px;border-color:#3e62f5;border-bottom:none}.cptm-form-builder-group-field-item-actions{display:block;position:absolute;right:-15px;-webkit-transform:translate(34px,7px);transform:translate(34px,7px)}.cptm-form-builder-group-field-item-action-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;background-color:#e3e6ef;border-radius:50%;width:34px;height:34px;text-align:center;color:#868eae;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.action-trash:hover{color:#e62626;background-color:rgba(255,0,0,.15);background-color:#d7d7d7}.action-trash:hover:hover{color:#e62626;background-color:rgba(255,0,0,.15)}.cptm-form-builder-header-action-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;font-size:18px;color:#747c89;border:1px solid #e5e7eb;border-radius:6px;outline:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-form-builder-header-action-link:active,.cptm-form-builder-header-action-link:focus,.cptm-form-builder-header-action-link:hover{color:#141921;background-color:#f3f4f6;border-color:#e5e7eb;-webkit-box-shadow:0 1px 2px rgba(16,24,40,.05);box-shadow:0 1px 2px rgba(16,24,40,.05)}@media only screen and (max-width:480px){.cptm-form-builder-header-action-link{width:24px;height:24px;font-size:14px}}.cptm-form-builder-header-action-link.disabled{color:#a1a9b2;pointer-events:none}.cptm-form-builder-header-toggle-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;font-size:24px;color:#747c89;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;outline:none!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width:480px){.cptm-form-builder-header-toggle-link{width:24px;height:24px;font-size:18px}}.cptm-form-builder-header-toggle-link.action-collapse-down{color:#3e62f5}.cptm-form-builder-header-toggle-link.disabled{opacity:.5;pointer-events:none}.action-collapse-up span{-webkit-transform:rotate(0);transform:rotate(0)}.action-collapse-down span,.action-collapse-up span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.action-collapse-down span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cptm-form-builder-group-field-item-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:6px;border:1px solid #e5e7eb;-webkit-transition:border-radius 1s ease;transition:border-radius 1s ease}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;line-height:16px;font-weight:500;color:#141921;margin:0}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title,.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle{color:#747c89}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon{font-size:20px;color:#141921}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg{width:16px;height:16px}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path{fill:#747c89}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip{position:relative}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before{content:attr(data-info);position:absolute;top:calc(100% + 8px);left:0;min-width:180px;max-width:180px;text-align:center;color:#fff;font-size:13px;font-weight:500;padding:10px 12px;border-radius:6px;background-color:#141921;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after{content:"";position:absolute;top:calc(100% + 2px);left:4px;border-bottom:6px solid #141921;border-left:6px solid transparent;border-right:6px solid transparent;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after,.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before{opacity:1;visibility:visible;z-index:1}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;font-weight:400;padding:4px 8px;color:#ca6f04;background-color:#fdefce;border-radius:4px}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon{font-size:16px}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i{font-size:16px;color:#4d5761}.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link{font-size:18px;color:#747c89;border:none;-webkit-box-shadow:none;box-shadow:none}.cptm-form-builder-group-field-item-body{padding:24px;border:1.5px solid #3e62f5;border-top-width:1px;border-radius:0 0 6px 6px}.cptm-form-builder-group-item-drag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:46px;min-width:46px;height:100%;min-height:64px;font-size:24px;color:#747c89;background-color:#f9fafb;-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;cursor:move}@media only screen and (max-width:480px){.cptm-form-builder-group-item-drag{width:32px;min-width:32px;font-size:18px}}.cptm-form-builder-field-list{padding:0;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-form-builder-field-list .directorist-draggable-list-item{position:unset}.cptm-form-builder-field-list-item{width:calc(50% - 4px);padding:12px;margin:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;background-color:#fff;border:1px solid #d2d6db;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-form-builder-field-list-item,.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-form-builder-field-list-item:hover{background-color:#e5e7eb;-webkit-box-shadow:0 2px 4px rgba(16,24,40,.08);box-shadow:0 2px 4px rgba(16,24,40,.08)}.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% - 6px)}}li[class=cptm-form-builder-field-list-item][draggable=true]{cursor:move}.cptm-form-builder-field-list-item{position:relative}.cptm-form-builder-field-list-item>pre{position:absolute;top:3px;right:5px;margin:0;font-size:10px;line-height:12px;color:#f80718}.cptm-form-builder-field-list-icon{display:inline-block;margin-right:8px;width:auto;max-width:20px;font-size:20px;color:#141921}.cptm-form-builder-field-list-item-icon{font-size:14px;margin-right:1px}.cptm-form-builder-field-list-item-label,.cptm-form-builder-field-list-label{display:inline-block;font-size:13px;font-weight:500;color:#141921}.cptm-option-card--draggable .cptm-form-builder-field-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-radius:8px;border-color:#e5e7eb;background:transparent}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag{cursor:move}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action,.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#747c89;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active,.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover,.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active,.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover{color:#0e3bf2}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover{color:#d94a4a}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container{padding:15px 0 22px}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper{margin-bottom:20px}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child){margin-bottom:17px}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label{margin-bottom:12px}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label{margin-bottom:0}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col{width:100%}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap{width:100%;padding:6px;border-radius:8px;border:1px solid #d2d6db;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:20px;width:20px;padding:0;border-radius:6px;border:1px solid #e5e7eb;overflow:hidden}.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input{width:30px;height:30px;margin:0}.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container{padding-left:25px}.cptm-info-text-area{margin-bottom:10px}.cptm-info-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;font-weight:400;margin:0;padding:0 8px;height:22px;color:#4d5761;border-radius:4px;background:#daeeff}.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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:5}.cptm-item-footer-drop-area.drag-enter{background-color:rgba(23,135,255,.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%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-form-builder-group-field-item-drop-area.drag-enter{background-color:rgba(23,135,255,.3)}.cptm-checkbox-area,.cptm-options-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:10px 0;right:0;left:0}.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{margin-right:20px}.cptm-checkbox-item,.cptm-radio-item,.cptm-tab-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-tab-area{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-tab-area .cptm-tab-item input{display:none}.cptm-tab-area .cptm-tab-item input:checked+label{color:#fff;background-color:#3e62f5}.cptm-tab-area .cptm-tab-item label{margin:0;padding:0 12px;height:32px;line-height:32px;font-size:14px;font-weight:500;color:#747c89;background:#e5e7eb;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-tab-area .cptm-tab-item label:hover{color:#fff;background-color:#3e62f5}@media screen and (max-width:782px){.enable_schema_markup .atbdp-label-icon-wrapper{margin-bottom:15px!important}}.cptm-schema-tab-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:12px}.cptm-schema-tab-label{color:rgba(0,6,38,.9);font-size:15px;font-style:normal;font-weight:600;line-height:16px}.cptm-schema-tab-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px 20px}@media screen and (max-width:782px){.cptm-schema-tab-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.cptm-schema-tab-wrapper input[type=radio]:checked{background-color:#3e62f5!important;border-color:#3e62f5!important}.cptm-schema-tab-wrapper input[type=radio]:checked:before{background-color:#fff!important}.cptm-schema-tab-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:12px 16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px;border:1px solid rgba(0,17,102,.1);background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media screen and (max-width:782px){.cptm-schema-tab-item{width:100%}}.cptm-schema-tab-item input[type=radio]{-webkit-box-shadow:none;box-shadow:none}@media screen and (max-width:782px){.cptm-schema-tab-item input[type=radio]{width:16px;height:16px}.cptm-schema-tab-item input[type=radio]:checked:before{width:.5rem;height:.5rem;margin:3px;line-height:1.14285714}}.cptm-schema-tab-item.active{border-color:#3e62f5!important;background-color:#f0f3ff}.cptm-schema-tab-item.active .cptm-schema-label-wrapper{color:#3e62f5!important}.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child{cursor:not-allowed;opacity:.5;pointer-events:none}.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.cptm-schema-label-wrapper{color:rgba(0,6,38,.9)!important;font-size:14px!important;font-style:normal;font-weight:600!important;line-height:20px;cursor:pointer;margin:0!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-schema .cptm-schema-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px}.cptm-schema-label-badge,.cptm-schema .cptm-schema-label{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-schema-label-badge{display:none;height:20px;padding:0 8px;border-radius:4px;background-color:#e3ecf2;color:rgba(0,8,51,.65);font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.12px}.cptm-schema-label-description{color:rgba(0,8,51,.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}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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-form-range-wrap .cptm-form-range-bar{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#f2f2f2}.cptm-thumbnail img{display:block;width:100%;height:auto}.cptm-thumbnail-placeholder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-thumbnail-placeholder-icon{font-size:40px;color:#d2d6db}.cptm-thumbnail-placeholder-icon 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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-sub-navigation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 10px;padding:3px 4px;background:#e5e7eb;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:480px){.cptm-sub-navigation{padding:10px}}.cptm-sub-nav__item{list-style:none;margin:0}.cptm-sub-nav__item-link{gap:7px;text-decoration:none;font-size:14px;line-height:14px;font-weight:500;border-radius:4px;-webkit-transition:.3s ease;transition:.3s ease}.cptm-sub-nav__item-link,.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px;padding:0 10px;color:#4d5761}.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip{margin-right:-10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border-radius:0 4px 4px 0}.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path{stroke:#4d5761}.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover{background:#f9f9f9}.cptm-sub-nav__item-link .cptm-sub-nav__item-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:24px;color:#4d5761}.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg{width:24px;height:24px}.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path{stroke:#4d5761}.cptm-sub-nav__item-link.active{color:#141921;background:#fff}.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path,.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path{stroke:#141921}.cptm-sub-nav__item-link:hover:not(.active){color:#141921;background:#fff}.cptm-builder-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}@media only screen and (max-width:1199px){.cptm-builder-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.cptm-options-area{width:320px;margin:0}.cptm-option-card{display:none;opacity:0;position:relative;border-radius:5px;text-align:left;-webkit-transform-origin:center;transform-origin:center;background:#fff;border-radius:4px;-webkit-box-shadow:0 8px 16px 0 rgba(16,24,40,.1);box-shadow:0 8px 16px 0 rgba(16,24,40,.1);-webkit-transition:all .3s linear;transition:all .3s linear;pointer-events:none}.cptm-option-card:before{content:"";border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;top:-6px;right:22px}.cptm-option-card.cptm-animation-flip{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}.cptm-option-card.cptm-animation-slide-up{-webkit-transform:translateY(30px);transform:translateY(30px)}.cptm-option-card.active{display:block;opacity:1;pointer-events:all}.cptm-option-card.active.cptm-animation-flip{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.cptm-option-card.active.cptm-animation-slide-up{-webkit-transform:translate(0);transform:translate(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:#2c3239;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-header-action-link:hover{color:#1890ff}.cptm-option-card-header{padding:8px 16px;border-bottom:1px solid #e5e7eb}.cptm-option-card-header-title-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-option-card-header-title{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0;text-align:left;font-size:14px;font-weight:600;line-height:24px;color:#141921}.cptm-header-action-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 0 0 10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-option-card-header-nav-section{display:block}.cptm-option-card-header-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;background-color:hsla(0,0%,100%,.15)}.cptm-option-card-header-nav-item{display:block;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;padding:8px 10px;cursor:pointer;margin-bottom:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-option-card-header-nav-item.active{background-color:hsla(0,0%,100%,.15)}.cptm-option-card-body{padding:16px;max-height:500px;overflow-y:auto}.cptm-option-card-body .cptm-form-group:last-child{margin-bottom:0}.cptm-option-card-body .cptm-form-group label{font-size:12px;font-weight:500;line-height:20px;margin-bottom:4px}.cptm-option-card-body .cptm-input-toggle-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content{-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset}.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label{font-size:12px;font-weight:500;line-height:20px;color:#141921}.cptm-option-card-body .directorist-type-icon-select{margin-bottom:20px}.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector,.cptm-widget-actions,.cptm-widget-actions-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-widget-actions,.cptm-widget-actions-area{gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}.cptm-widget-actions-wrap{position:relative;width:100%}.cptm-widget-action-modal-container{position:absolute;left:50%;top:0;width:330px;-webkit-transform:translate(-50%,20px);transform:translate(-50%,20px);pointer-events:none;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:2}.cptm-widget-action-modal-container.active{pointer-events:all;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}@media only screen and (max-width:480px){.cptm-widget-action-modal-container{max-width:250px}}.cptm-widget-insert-modal-container .cptm-option-card:before{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.cptm-widget-option-modal-container .cptm-option-card:before{right:unset;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cptm-widget-option-modal-container .cptm-option-card{margin:0}.cptm-widget-option-modal-container .cptm-option-card-header{background-color:#fff;border:1px solid #e5e7eb}.cptm-widget-option-modal-container .cptm-header-action-link{color:#2c3239}.cptm-widget-option-modal-container .cptm-header-action-link:hover{color:#1890ff}.cptm-widget-option-modal-container .cptm-option-card-body{background-color:#fff;border:1px solid #e5e7eb;border-top:none;-webkit-box-shadow:none;box-shadow:none}.cptm-widget-option-modal-container .cptm-option-card-header-title,.cptm-widget-option-modal-container .cptm-option-card-header-title-section{color:#2c3239}.cptm-widget-actions-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px}.cptm-widget-action-link,.cptm-widget-actions-area{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-widget-action-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:28px;height:28px;border-radius:50%;font-size:16px;text-align:center;text-decoration:none;background-color:#fff;border:1px solid #3e62f5;color:#3e62f5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-widget-action-link:focus{outline:none;-webkit-box-shadow:0 0 0 2px #b4c2f9;box-shadow:0 0 0 2px #b4c2f9}.cptm-widget-action-link:hover{background-color:#3e62f5;color:#fff}.cptm-widget-action-link:hover svg path{fill:#fff}.cptm-widget-card-drop-prepend{border-radius:8px}.cptm-widget-card-drop-append{display:block;width:100%;height:0;border-radius:8px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:transparent;border:1px dashed transparent}.cptm-widget-card-drop-append.dropable{margin:3px 0;height:10px;border-color:#6495ed}.cptm-widget-card-drop-append.drag-enter{background-color:#6495ed}.cptm-widget-card-wrap{visibility:visible}.cptm-widget-card-wrap.cptm-widget-card-disabled{opacity:.3;pointer-events:none}.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap{opacity:1}.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block{opacity:.3}.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap{opacity:1}.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label,.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon{opacity:.3;color:#4d5761}.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge{margin-top:10px}.cptm-widget-card-wrap .cptm-widget-card-disabled-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;font-weight:500;padding:0 6px;height:18px;color:#853d0e;background:#fdefce;border-radius:4px}.cptm-widget-card-wrap.cptm-widget-title-card-wrap{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card{padding:0;font-size:19px;font-weight:600;line-height:25px;color:#141921}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group{margin:0}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap{gap:10px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label{padding:0;font-size:12px;font-weight:500;line-height:1.15;color:#141921}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;font-size:14px;color:#d94a4a;background:#fff;border:1px solid #d94a4a;border-radius:50%;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover{color:#fff;background:#d94a4a}.cptm-widget-card-inline-wrap{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.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-widget-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#141921;border-radius:5px;font-size:12px;font-weight:400;background-color:#fff;-webkit-transition:.3s ease;transition:.3s ease;position:relative;height:32px;padding:0 10px;border-radius:4px;background:#fff;border:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-widget-badge .cptm-widget-badge-icon,.cptm-widget-badge .cptm-widget-badge-trash{font-size:16px;color:#141921}.cptm-widget-badge .cptm-widget-badge-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:4px;height:100%}.cptm-widget-badge .cptm-widget-badge-label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}.cptm-widget-badge .cptm-widget-badge-trash{margin-left:4px;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.cptm-widget-badge .cptm-widget-badge-trash:hover{color:#3e62f5}.cptm-widget-badge.cptm-widget-badge--icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;width:22px;height:22px;min-height:unset;border-radius:100%}.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon{font-size:12px}.cptm-preview-area{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-preview-wrapper{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;gap:25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-preview-wrapper .cptm-preview-radio-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:300px}.cptm-preview-wrapper .cptm-preview-area-archive img{max-height:100px}.cptm-preview-notice{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:658px;margin:40px auto;padding:20px 24px;background:#f3f4f6;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-preview-notice.cptm-preview-notice--list{max-width:unset;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-preview-notice .cptm-preview-notice-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text{font-size:12px;font-weight:400;color:#2c3239;margin:0}.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong{color:#141921;font-weight:600}.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 16px;font-size:13px;font-weight:500;border-radius:8px;color:#747c89;background:#fff;border:1px solid #d2d6db;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover{color:#3e62f5;border-color:#3e62f5}.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path{fill:#3e62f5}.cptm-widget-thumb .cptm-widget-thumb-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-widget-thumb .cptm-widget-thumb-icon i{font-size:133px;color:#a1a9b2}.cptm-widget-thumb .cptm-widget-label{font-size:16px;line-height:18px;font-weight:400;color:#141921}.cptm-placeholder-block-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.cptm-placeholder-block-wrapper:last-child{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-placeholder-block-wrapper .cptm-placeholder-block{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.cptm-placeholder-block-wrapper .cptm-widget-card-status{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;margin-top:4px;background:#f3f4f6;border-radius:8px;cursor:pointer}.cptm-placeholder-block-wrapper .cptm-widget-card-status span{color:#747c89}.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled{background:#d2d6db}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder{padding:12px;min-height:62px}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card,.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title{-webkit-transform:unset!important;transform:unset!important}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated{z-index:99999}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px;font-weight:400;color:#4d5761}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card{height:32px;padding:0 10px}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card{padding:0}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash{margin-left:8px}.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label,.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label{left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:13px;font-weight:400;color:#4d5761}.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label{color:#4d5761;font-weight:400}.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper{overflow:visible!important}.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging{opacity:0}.cptm-placeholder-block{position:relative;padding:8px;background:#a1a9b2;border:1px dashed #d2d6db;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.cptm-placeholder-block.cptm-widget-picker-open,.cptm-placeholder-block.drag-enter,.cptm-placeholder-block:hover{border-color:#fff}.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area,.cptm-placeholder-block.drag-enter .cptm-widget-insert-area,.cptm-placeholder-block:hover .cptm-widget-insert-area{opacity:1;visibility:visible}.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-placeholder-block.cptm-widget-picker-open{z-index:100}.cptm-placeholder-label{margin:0;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0;color:hsla(0,0%,100%,.4);font-size:14px;font-weight:500}.cptm-placeholder-label.hide{display:none}.cptm-listing-card-preview-footer .cptm-placeholder-label{color:#868eae}.dndrop-ghost.dndrop-draggable-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto}.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-radius:8px;border-color:#e5e7eb;background:transparent}.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-center-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-center-content.cptm-content-wide *{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-mb-10{margin-bottom:10px!important}.cptm-mb-12{margin-bottom:12px!important}.cptm-mb-20{margin-bottom:20px!important}.cptm-listing-card-body-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-align-left{text-align:left}.cptm-listing-card-body-header-left{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-listing-card-body-header-right{width:100px;margin-left:10px}.cptm-card-preview-area-wrap,.cptm-card-preview-widget{max-width:450px;margin:0 auto}.cptm-card-preview-widget{padding:24px;background-color:#fff;border:1.5px solid rgba(0,17,102,.1019607843);border-top:none;border-radius:0 0 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 8px 16px 0 rgba(16,24,40,.1019607843);box-shadow:0 8px 16px 0 rgba(16,24,40,.1019607843)}.cptm-card-preview-widget.cptm-card-list-view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;height:100%}@media only screen and (max-width:480px){.cptm-card-preview-widget.cptm-card-list-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.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{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%!important;max-width:250px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;border-radius:4px 0 0 4px!important}@media only screen and (max-width:480px){.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header{max-width:100%;border-radius:4px 4px 0 0!important}.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail{min-height:350px}}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container{top:unset;bottom:100%}.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container,.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container,.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container{bottom:unset;top:100%}.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img{width:22px;height:22px;border-radius:50%}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap{min-width:100px}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:4px;background:#fff;border:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb{width:100%;padding:0 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb>svg{width:20px;height:20px}.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash{position:unset;-webkit-transform:unset;transform:unset;width:20px;height:20px;font-size:12px}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body{padding-top:62px}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar{padding-top:0}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar{position:relative;top:-14px;-webkit-transform:unset;transform:unset;padding-bottom:12px;z-index:101}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-placeholder-block-wrapper{-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder{padding:0!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;background:transparent!important}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled{border:none;background:transparent;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;-webkit-transition:unset!important;transition:unset!important}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card{width:100%}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb{width:64px;height:64px;padding:0;margin:0;border-radius:50%;background-color:#fff;border:1px dashed #3e62f5;-webkit-box-shadow:0 8px 16px 0 rgba(16,24,40,.1),0 6px 8px 2px rgba(16,24,40,.04);box-shadow:0 8px 16px 0 rgba(16,24,40,.1),0 6px 8px 2px rgba(16,24,40,.04);-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash{bottom:-12px}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group{margin:0}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area>label{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item{margin:0}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label{margin:0;font-size:12px;font-weight:500}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]{margin:0 6px 0 0;background-color:#fff;border:2px solid #a1a9b2}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked{border:5px solid #3e62f5}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.disabled{background:#f3f4f6!important}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container{top:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card:before{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card .cptm-input-toggle-wrap .cptm-input-toggle{padding:0}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card #avatar-toggle-user_avatar{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-label{font-size:12px;font-weight:500;line-height:20px;color:#141921}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-preview-radio-area{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area{gap:0;padding:3px;background:#f5f5f5;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item .cptm-radio-item-icon{font-size:20px}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;color:#141921;font-size:12px;font-weight:500;padding:0 20px;height:30px;line-height:30px;text-align:center;background-color:transparent;border-radius:10px;cursor:pointer}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio]{display:none}.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio]:checked~label{background-color:#fff;color:#3e62f5;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container,.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title,.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title{width:100%}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right{width:140px}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right{width:127px}@media only screen and (max-width:480px){.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right{width:auto}}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block{padding-bottom:32px}.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap{padding:0}.cptm-card-preview-widget .cptm-options-area{position:absolute;top:38px;left:unset;right:30px;z-index: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-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-card-preview-thumbnail{position:relative;height:100%}.cptm-card-preview-thumbnail-placeholer{height:100%}.cptm-card-preview-thumbnail-placeholder{height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-listing-card-preview-quick-info-placeholder{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cptm-card-preview-thumbnail-bg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:72px;color:#7b7d8b}.cptm-card-preview-thumbnail-bg span{color:hsla(0,0%,100%,.1)}.cptm-card-preview-bottom-right-placeholder{display:block;text-align:right}.cptm-listing-card-preview-body{display:block;padding:16px;position:relative}.cptm-listing-card-author-avatar{z-index:1;position:absolute;left:0;top:0;-webkit-transform:translate(16px,-14px);transform:translate(16px,-14px);-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-listing-card-author-avatar .cptm-placeholder-block{height:64px;width:64px;padding:8px!important;margin:0!important;min-height:unset!important;border-radius:50%!important;border:1px dashed #a1a9b2}.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label{font-size:14px;line-height:1.15;font-weight:500;color:#141921;background:transparent;padding:0;border-radius:0;top:16px;-webkit-transform:translate(-50%);transform:translate(-50%)}.cptm-placeholder-author-thumb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.cptm-placeholder-author-thumb img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:transparent;border:2px solid #fff}.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash{position:absolute;bottom:-18px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:22px;height:22px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#d94a4a;background:#fff;border:1px solid #d94a4a;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover{color:#fff;background:#d94a4a}.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options{position:absolute;bottom:-10px}.cptm-widget-title-card{font-size:16px;line-height:22px;font-weight:600;color:#141921}.cptm-widget-tagline-card,.cptm-widget-title-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;padding:6px 10px;text-align:left}.cptm-widget-tagline-card{font-size:13px;font-weight:400;color:#4d5761}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-form-group-col{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.cptm-form-group-info{font-size:12px;font-weight:400;color:#747c89;margin:0}.cptm-widget-actions-tools{position:absolute;width:75px;background-color:#2c99ff;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-40px;padding:5px;border:3px solid #2c99ff;border-radius:1px 1px 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease;z-index:9999}.cptm-widget-actions-tools a{padding:0 6px;font-size:12px;color:#fff}.cptm-widget-control-wrap{visibility:hidden;opacity:0;position:absolute;left:0;right:0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:1px;pointer-events:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:99}.cptm-widget-control,.cptm-widget-control-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-widget-control{padding-bottom:10px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cptm-widget-control:after{content:"";display:inline-block;margin:0 auto;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #3e62f5;position:absolute;bottom:2px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);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;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-widget-control-action:hover{background-color:#0e3bf2}.cptm-card-preview-top-left{width:calc(50% - 4px);position:absolute;top:0;left:0;z-index:103}.cptm-card-preview-top-left-placeholder{display:block;text-align:left}.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-card-preview-top-right{position:absolute;right:0;top:0;width:calc(50% - 4px);z-index:103}.cptm-card-preview-top-right .cptm-widget-preview-area,.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-card-preview-top-right .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-card-preview-top-right-placeholder{text-align:right}.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area,.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-card-preview-bottom-left{position:absolute;width:calc(50% - 4px);bottom:0;left:0;z-index:102}.cptm-card-preview-bottom-left .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-card-preview-bottom-left .cptm-widget-option-modal-container{top:unset;bottom:20px}.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before{top:unset;bottom:-6px}.cptm-card-preview-bottom-left-placeholder{display:block;text-align:left}.cptm-card-preview-bottom-right{position:absolute;bottom:0;right:0;width:calc(50% - 4px);z-index:102}.cptm-card-preview-bottom-right .cptm-widget-preview-area,.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-card-preview-bottom-right .cptm-widget-option-modal-container{top:unset;bottom:20px}.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before{top:unset;bottom:-6px;border-bottom:unset;border-top:7px solid #fff}.cptm-card-preview-badges .cptm-widget-option-modal-container,.cptm-card-preview-body .cptm-widget-option-modal-container{left:unset;-webkit-transform:unset;transform:unset;right:calc(100% + 57px)}.grid-view-without-thumbnail .cptm-input-toggle{width:28px;height:16px}.grid-view-without-thumbnail .cptm-input-toggle:after{width:12px;height:12px;margin:2px}.grid-view-without-thumbnail .cptm-input-toggle.active:after{-webkit-transform:translateX(calc(-100% - 4px));transform:translateX(calc(-100% - 4px))}.grid-view-without-thumbnail .cptm-card-preview-widget-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:20px}@media only screen and (max-width:480px){.grid-view-without-thumbnail .cptm-card-preview-widget-content{-webkit-box-sizing:border-box;box-sizing:border-box}}.grid-view-without-thumbnail .cptm-card-placeholder-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px}@media only screen and (max-width:480px){.grid-view-without-thumbnail .cptm-card-placeholder-top{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}}.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block{padding-bottom:32px!important}.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash{right:0}.grid-view-without-thumbnail .cptm-listing-card-preview-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:0}.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block{min-height:48px!important}.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder{min-height:160px!important}.grid-view-without-thumbnail .cptm-listing-card-preview-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;padding:0}.grid-view-without-thumbnail .cptm-listing-card-author-avatar{position:unset;-webkit-transform:unset;transform:unset}.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder{-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset}.grid-view-without-thumbnail .cptm-listing-card-quick-actions{width:135px}.grid-view-without-thumbnail .cptm-listing-card-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title{width:100%}.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap{padding:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:transparent}.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card{font-size:14px;line-height:19px;font-weight:600}.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area{padding:8px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;-webkit-box-shadow:0 1px 2px rgba(16,24,40,.05);box-shadow:0 1px 2px rgba(16,24,40,.05)}.list-view-without-thumbnail .cptm-card-preview-widget-content{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:20px}@media only screen and (max-width:480px){.list-view-without-thumbnail .cptm-card-preview-widget-content{-webkit-box-sizing:border-box;box-sizing:border-box}}.list-view-without-thumbnail .cptm-widget-preview-container{gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.list-view-without-thumbnail .cptm-listing-card-preview-top,.list-view-without-thumbnail .cptm-widget-preview-container,.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.list-view-without-thumbnail .cptm-listing-card-preview-top{gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block{min-height:60px!important}.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title{width:100%}.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right{width:127px}@media only screen and (max-width:480px){.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right{width:auto}}.list-view-without-thumbnail .cptm-listing-card-preview-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:0}.list-view-without-thumbnail .cptm-listing-card-preview-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;padding:0}.cptm-card-placeholder-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px}@media only screen and (max-width:480px){.cptm-card-placeholder-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.cptm-listing-card-preview-footer{gap:22px;padding:0 16px 24px}.cptm-listing-card-preview-footer,.cptm-listing-card-preview-footer .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-listing-card-preview-footer .cptm-widget-preview-area{gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card{font-size:12px;font-weight:400;gap:4px;width:100%;height:32px}.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon,.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash{font-size:16px;color:#141921}.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper{height:100%}.cptm-card-preview-footer-left,.cptm-card-preview-footer-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-listing-card-preview-body-placeholder{padding:12px 12px 32px;min-height:160px!important;border-color:#a1a9b2}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label{color:#141921}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 12px;color:#141921;background:#fff;height:42px;font-size:14px;line-height:1.15;font-weight:500;border-radius:4px;border:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active,.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover{background:#f3f4f6;border-color:#d2d6db}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions,.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions{opacity:1;visibility:visible}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit{background:#e5e7eb}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap{width:100%}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon{font-size:20px}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:100%;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span{font-size:20px;color:#141921}.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active,.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover{background:#e5e7eb}.cptm-listing-card-preview-footer-left-placeholder{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border-color:#c6d0dc;text-align:left}.cptm-listing-card-preview-footer-left-placeholder.drag-enter,.cptm-listing-card-preview-footer-left-placeholder:hover{border-color:#1e1e1e}.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card{width:100%}.cptm-listing-card-preview-footer-right-placeholder{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border-color:#c6d0dc;text-align:right}.cptm-listing-card-preview-footer-right-placeholder.drag-enter,.cptm-listing-card-preview-footer-right-placeholder:hover{border-color:#1e1e1e}.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area,.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-widget-preview-area .cptm-widget-preview-card{position:relative}.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions{position:absolute;bottom:100%;left:50%;-webkit-transform:translate(-50%,-7px);transform:translate(-50%,-7px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:6px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before{content:"";border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;bottom:-7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link{width:auto;height:auto;border:none;background:transparent;color:#141921;cursor:pointer}.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus,.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover{background:transparent;color:#3e62f5}.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover{color:#3e62f5}.widget-drag-handle{cursor:move}.cptm-card-light.cptm-placeholder-block{border-color:#d2d6db;background:#f9fafb}.cptm-card-light.cptm-placeholder-block.drag-enter,.cptm-card-light.cptm-placeholder-block:hover{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-color:#fff}.cptm-card-dark-light .cptm-widget-badge{background-color:rgba(0,0,0,.8)}.cptm-widgets-container{overflow:hidden;border:1px solid rgba(0,0,0,.1);background-color:#fff}.cptm-widgets-header{display:block}.cptm-widget-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.cptm-widget-nav-item{display:inline-block;margin:0;padding:12px 10px;-webkit-flex-basis:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;color:#8a8a8a;border-right:1px solid #e3e1e1;background-color:#f2f2f2}.cptm-widget-nav-item:last-child{border-right:none}.cptm-widget-nav-item:hover{color:#2b2b2b}.cptm-widget-nav-item.active{font-weight:700;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{margin-right:5px}.widget-icon,.widget-label{display:inline-block}.cptm-form-group{display:block;margin-bottom:20px}.cptm-form-group label{display:block;font-size:14px;font-weight:600;color:#141921;margin-bottom:8px}.cptm-form-group .cptm-form-control{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-form-group.cptm-form-content{text-align:center;margin-bottom:0}.cptm-form-group.cptm-form-content .cptm-form-content-select{text-align:left}.cptm-form-group.cptm-form-content .cptm-form-content-title{font-size:16px;line-height:22px;font-weight:600;color:#191b23;margin:0 0 8px}.cptm-form-group.cptm-form-content .cptm-form-content-desc{font-size:12px;line-height:18px;font-weight:400;color:#747c89;margin:0}.cptm-form-group.cptm-form-content .cptm-form-content-icon{font-size:40px;margin:0 0 12px}.cptm-form-group.cptm-form-content .cptm-form-content-btn,.cptm-form-group.cptm-form-content .cptm-form-content-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-form-group.cptm-form-content .cptm-form-content-btn{position:relative;gap:6px;height:30px;font-size:12px;line-height:14px;font-weight:500;margin:8px auto 0;color:#3e62f5;background:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}.cptm-form-group.cptm-form-content .cptm-form-content-btn:before{content:"";position:absolute;width:0;height:1px;left:0;bottom:8px;background-color:#3e62f5;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before,.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before{width:100%}.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled{pointer-events:none}.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before{display:none}.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#747c89;height:auto}.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before{display:none}.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus,.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover{color:#3e62f5}.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon{font-size:14px}.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i{font-size:15px}.cptm-form-group.tab-field .cptm-preview-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cptm-form-group.cpt-has-error .cptm-form-control{border:1px solid #c03333}.cptm-form-group-tab-list{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:100px}.cptm-form-group-tab-list .cptm-form-group-tab-item{margin:0}.cptm-form-group-tab-list .cptm-form-group-tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:26px;padding:0 16px;border-radius:100px;margin:0;cursor:pointer;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#4d5761;font-weight:500;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:none}.cptm-form-group-tab-list .cptm-form-group-tab-link:hover{color:#3e62f5}.cptm-form-group-tab-list .cptm-form-group-tab-link.active{background-color:#d8e0fd;color:#3e62f5}.cptm-preview-image-upload{width:350px;max-width:100%;height:224px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px;position:relative;overflow:hidden}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show){border:2px dashed #d2d6db;background:#f9fafb}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail{max-width:100%;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action{display:none}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:8px 12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px;background:#141921;color:#fff;text-align:center;font-size:13px;font-weight:500;line-height:14px;margin-top:20px;margin-bottom:12px;cursor:pointer}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;padding:0}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i{font-size:14px;color:inherit}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after,.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before{opacity:0}.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text{color:#747c89;font-size:14px;font-weight:400;line-height:16px;text-transform:capitalize}.cptm-preview-image-upload.cptm-preview-image-upload--show{margin-bottom:0;height:100%}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail{position:relative}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(35.42%,transparent));background:linear-gradient(180deg,rgba(0,0,0,.6),transparent 35.42%);z-index:1}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash~.cptm-upload-btn{right:52px}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action{margin:0;background-color:#fff;width:32px;height:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;top:12px;right:12px;border-radius:8px;font-size:16px}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text{display:none}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn{position:absolute;top:12px;right:12px;max-width:32px!important;width:32px;max-height:32px;height:32px;background-color:#fff;padding:0;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input{display:none}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i:before{content:"\ea57"}.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after{background-color:#fff;color:#141921;opacity:1}.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]:before{border-bottom-color:#fff}.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action{z-index:2}.cptm-form-group-feedback{display:block}.cptm-form-alert{padding:0 0 10px;color:#06d6a0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-form-alert.cptm-error{color:#c82424}.cptm-input-toggle-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.cptm-input-toggle-wrap.cptm-input-toggle-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cptm-input-toggle-wrap label{padding-right:10px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:0}.cptm-input-toggle-wrap .cptm-input-toggle-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.cptm-input-toggle{position:relative;width:36px;height:20px;background-color:#d9d9d9;border-radius:30px;cursor:pointer}.cptm-input-toggle,.cptm-input-toggle:after{display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cptm-input-toggle:after{content:"";width:14px;height:calc(100% - 6px);background-color:#fff;border-radius:50%;position:absolute;top:0;left:0;margin:3px 4px}.cptm-input-toggle.active{background-color:#3e62f5}.cptm-input-toggle.active:after{left:100%;-webkit-transform:translateX(calc(-100% - 8px));transform:translateX(calc(-100% - 8px))}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-8px}.cptm-multi-option-group-section-draft .cptm-form-group{margin:0 8px 20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.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}.form-repeater__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.form-repeater__container,.form-repeater__group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.form-repeater__group{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px;position:relative}.form-repeater__group.sortable-chosen .form-repeater__input{background:#e1e4e8!important;border:1px solid #d1d5db!important;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.01)!important;box-shadow:0 1px 2px 0 rgba(16,24,40,.01)!important}.form-repeater__drag-btn,.form-repeater__remove-btn{color:#4d5761;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;outline:none;padding:0;margin:0;-webkit-transition:all .3s ease;transition:all .3s ease}.form-repeater__drag-btn:disabled,.form-repeater__remove-btn:disabled{cursor:not-allowed;opacity:.6}.form-repeater__drag-btn svg,.form-repeater__remove-btn svg{width:12px;height:12px}.form-repeater__drag-btn i,.form-repeater__remove-btn i{font-size:16px;margin:0;padding:0}.form-repeater__drag-btn{cursor:move;position:absolute;left:0}.form-repeater__remove-btn{cursor:pointer;position:absolute;right:0}.form-repeater__remove-btn:hover{color:#c83a3a}.form-repeater__input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:40px;padding:5px 16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;border:1px solid var(--Gray-200,#e5e7eb);background:#fff;-webkit-box-shadow:0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs,rgba(16,24,40,.05));box-shadow:0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs,rgba(16,24,40,.05));color:#2c3239;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease;margin:0 32px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.form-repeater__input-value-added{background:var(--Gray-50,#f9fafb);border-color:#e5e7eb}.form-repeater__input:focus{background:var(--Gray-50,#f9fafb);border-color:#3e62f5}.form-repeater__input::-webkit-input-placeholder{color:var(--Gray-500,#747c89);font-size:14px;font-style:normal;font-weight:400;line-height:16.24px}.form-repeater__input::-moz-placeholder{color:var(--Gray-500,#747c89);font-size:14px;font-style:normal;font-weight:400;line-height:16.24px}.form-repeater__input:-ms-input-placeholder{color:var(--Gray-500,#747c89);font-size:14px;font-style:normal;font-weight:400;line-height:16.24px}.form-repeater__input::-ms-input-placeholder{color:var(--Gray-500,#747c89);font-size:14px;font-style:normal;font-weight:400;line-height:16.24px}.form-repeater__input::placeholder{color:var(--Gray-500,#747c89);font-size:14px;font-style:normal;font-weight:400;line-height:16.24px}.form-repeater__add-group-btn{font-size:12px;font-weight:600;color:#2e94fa;background:transparent;border:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;letter-spacing:.12px;margin:17px 32px 0;padding:0}.form-repeater__add-group-btn:disabled{cursor:not-allowed;opacity:.6}.form-repeater__add-group-btn svg{width:16px;height:16px}.form-repeater__add-group-btn i{font-size:16px}.cptm-modal-overlay{position:fixed;top:0;right:0;width:calc(100% - 160px);height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:999999}@media (max-width:960px){.cptm-modal-overlay{width:100%}}.cptm-modal-overlay .cptm-modal-container{display:block;height:auto;position:absolute;top:50%;left:50%;right:unset;bottom:unset;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:visible}@media (max-width:767px){.cptm-modal-overlay .cptm-modal-container iframe{width:400px;height:225px}}@media (max-width:575px){.cptm-modal-overlay .cptm-modal-container iframe{width:300px;height:175px}}.cptm-modal-content{position:relative}.cptm-modal-content .cptm-modal-video video{width:100%;max-width:500px}.cptm-modal-content .cptm-modal-image .cptm-modal-image__img{max-height:calc(100vh - 200px)}.cptm-modal-content .cptm-modal-preview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;width:724px;max-height:calc(100vh - 200px);background:#fff;padding:30px 70px;border-radius:16px}.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group{gap:30px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group,.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item{gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn{gap:6px;padding:0 16px;height:40px;color:#000;background:#ededed;border:1px solid #ededed;border-radius:8px}.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn,.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-modal-content .cptm-modal-content__close-btn{position:absolute;top:0;right:-42px;width:36px;height:36px;color:#000;background:#fff;font-size:15px;border:none;border-radius:100%;cursor:pointer}.close-btn{position:absolute;top:40px;right:40px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#fff}.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,select.cptm-form-control{display:block;width:100%;max-width:100%;padding:10px 20px;font-size:14px;color:#5a5f7d;text-align:left;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;font-weight:400;margin:0;line-height:18px;height:auto;min-height:30px;background-color:#f4f5f7;-webkit-transition:all .3s ease;transition:all .3s ease}.cptm-form-control:focus,.cptm-form-control:hover,input[type=date].cptm-form-control:focus,input[type=date].cptm-form-control:hover,input[type=datetime-local].cptm-form-control:focus,input[type=datetime-local].cptm-form-control:hover,input[type=datetime].cptm-form-control:focus,input[type=datetime].cptm-form-control:hover,input[type=email].cptm-form-control:focus,input[type=email].cptm-form-control:hover,input[type=month].cptm-form-control:focus,input[type=month].cptm-form-control:hover,input[type=number].cptm-form-control:focus,input[type=number].cptm-form-control:hover,input[type=password].cptm-form-control:focus,input[type=password].cptm-form-control:hover,input[type=search].cptm-form-control:focus,input[type=search].cptm-form-control:hover,input[type=tel].cptm-form-control:focus,input[type=tel].cptm-form-control:hover,input[type=text].cptm-form-control:focus,input[type=text].cptm-form-control:hover,input[type=time].cptm-form-control:focus,input[type=time].cptm-form-control:hover,input[type=url].cptm-form-control:focus,input[type=url].cptm-form-control:hover,input[type=week].cptm-form-control input[type=text].cptm-form-control:focus,input[type=week].cptm-form-control input[type=text].cptm-form-control:hover,select.cptm-form-control:focus,select.cptm-form-control:hover{color:#23282d;border-color:#3e62f5}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,select.cptm-form-control{padding:10px 20px;font-size:12px;color:#4d5761;background:#fff;text-align:left;border-radius:8px;border:1px solid #d2d6db;-webkit-box-shadow:none;box-shadow:none;width:100%;font-weight:400;margin:0;line-height:18px;height:auto;min-height:30px}input[type=date].cptm-form-control: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,select.cptm-form-control:hover{color:#23282d}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,select.cptm-form-control.cptm-form-control-light{border:1px solid #ccc;background-color:#fff}.tab-general .cptm-title-area,.tab-other .cptm-title-area{margin-left:0}.tab-general .cptm-form-group .cptm-form-control,.tab-other .cptm-form-group .cptm-form-control{background-color:#fff;border:1px solid #e3e6ef}.tab-other .cptm-title-area,.tab-packages .cptm-title-area,.tab-preview_image .cptm-title-area{margin-left:0}.tab-other .cptm-title-area p,.tab-packages .cptm-title-area p,.tab-preview_image .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:999999;height:100vh}.cptm-modal-container.active{display:block}.cptm-modal-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20px;height:100%;min-height:calc(100% - 40px);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:rgba(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 -10px 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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:200px}.cptm-section-alert-content{text-align:center;padding:10px}.cptm-section-alert-icon{margin-bottom:20px;width:100px;height:100px;font-size:45px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:50%;color:#a9a9a9;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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.cptm-color-picker-label{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:10px}.cptm-color-picker-label,.cptm-wdget-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cptm-wdget-title{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.atbdp-flex-align-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cptm-d-none{display:none!important}.cptm-p-20{padding:20px}.cptm-color-picker{display:inline-block;padding:5px 5px 2px;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}}.cptm-preview-placeholder{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:70px 30px 70px 54px;background:#f9fafb}@media (max-width:1199px){.cptm-preview-placeholder{margin-right:0}}@media only screen and (max-width:480px){.cptm-preview-placeholder{border:none;max-width:100%;padding:0;margin:0;background:transparent}}.cptm-preview-placeholder__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px;background:#fff;border-radius:6px;border:1.5px solid #e5e7eb;-webkit-box-shadow:0 10px 18px 0 rgba(16,24,40,.1);box-shadow:0 10px 18px 0 rgba(16,24,40,.1)}.cptm-preview-placeholder__card__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:12px;border-radius:4px}.cptm-preview-placeholder__card__item--top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border:1.5px dashed #d2d6db}.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box{-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;min-width:auto;background:unset;border:none;padding:0}.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper{-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset}.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge{font-size:12px;line-height:18px;color:#1f2937;min-height:32px;background-color:#fff;border-radius:6px;border:1.15px solid #e5e7eb}.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging{opacity:0}.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before{display:none}.cptm-preview-placeholder__card__box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:150px;z-index:unset}.cptm-preview-placeholder__card__box .cptm-placeholder-label{color:#868eae;font-size:14px;font-weight:500}.cptm-preview-placeholder__card__box .cptm-widget-preview-area{gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-height:35px;padding:0 13px;border-radius:4px;font-size:13px;line-height:18px;font-weight:500;color:#383f47;background-color:#e5e7eb}@media only screen and (max-width:480px){.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge{font-size:12px;line-height:15px}}.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap{padding:0;background:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card{font-size:22px}@media only screen and (max-width:480px){.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card{font-size:18px}}.cptm-preview-placeholder__card__box.listing-title-placeholder{padding:13px 8px}.cptm-preview-placeholder__card__content{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cptm-preview-placeholder__card__btn{width:100%;height:66px;border:none;border-radius:6px;cursor:pointer;color:#5a5f7d;font-size:13px;font-weight:500;margin-top:20px}.cptm-preview-placeholder__card__btn .icon{width:26px;height:26px;line-height:26px;background-color:#fff;border-radius:100%;-webkit-margin-end:7px;margin-inline-end:7px}.cptm-preview-placeholder__card .slider-placeholder{padding:8px;border-radius:4px;border:1.5px dashed #d2d6db}.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:50px;text-align:center;height:240px;background:#e5e7eb;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:480px){.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area{padding:30px}.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg{height:100px;width:100px}}.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label{margin-top:10px}.cptm-preview-placeholder__card .dndrop-container.vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.cptm-preview-placeholder__card .dndrop-container.vertical>.dndrop-draggable-wrapper{overflow:visible}.cptm-preview-placeholder__card .draggable-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-right:8px}.cptm-preview-placeholder__card .draggable-item .cptm-drag-element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;font-size:20px;color:#747c89;margin-top:15px;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:move}.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover{color:#1e1e1e}.cptm-preview-placeholder--settings-closed{max-width:700px;margin:0 auto}@media (max-width:1199px){.cptm-preview-placeholder--settings-closed{max-width:100%}}.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{margin-right:10px}.atbdp-nav-icon,.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,.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-nav-link,.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav{display:block}.atbdp-sidebar-nav-item.active .atbdp-nav-icon,.atbdp-sidebar-nav-item.active .atbdp-nav-label{display:inline-block}.atbdp-sidebar-subnav{display:block;margin:0 0 0 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,.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,.atbdp-sidebar-subnav-item.active .atbdp-nav-label{display:inline-block}.atbdp-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.atbdp-col{padding:0 15px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box}.atbdp-col-3{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;width:25%}.atbdp-col-4{-webkit-flex-basis:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;width:33.3333333333%}.atbdp-col-8{-webkit-flex-basis:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;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%;max-height:38px;font-size:12px;font-weight:400;background-color:transparent;color:#4d5761;padding:12px 15px;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist_dropdown .directorist_dropdown-toggle:focus{outline:0 none;-webkit-box-shadow:0 0;box-shadow:0 0}.directorist_dropdown .directorist_dropdown-toggle:before{font-family:unicons-line;font-weight:400;font-size:20px;content:"\eb3a";color:#747c89;position:absolute;top:50%;right:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:20px}.directorist_dropdown .directorist_dropdown-option{display:none;position:absolute;width:100%;max-height:350px;left:0;top:39px;padding:12px 8px;background-color:#fff;-webkit-box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);border:1px solid #e5e7eb;border-radius:8px;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:empty{position:relative;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist_dropdown .directorist_dropdown-option ul:empty:before{content:"No Items Found"}.directorist_dropdown .directorist_dropdown-option ul li{margin-bottom:0}.directorist_dropdown .directorist_dropdown-option ul li a{font-size:14px;font-weight:500;text-decoration:none;display:block;padding:9px 15px;border-radius:8px;color:#4d5761;-webkit-transition:.3s;transition:.3s}.directorist_dropdown .directorist_dropdown-option ul li a.active:hover,.directorist_dropdown .directorist_dropdown-option ul li a:hover{color:#fff;background-color:#3e62f5}.directorist_dropdown .directorist_dropdown-option ul li a.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}.cptm-import-directory-modal .cptm-info-text{padding:4px 8px;height:auto;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-import-directory-modal .cptm-info-text>b{margin-right:4px}.cptm-col-sticky{position:-webkit-sticky;position:sticky;top:60px;height:100%;max-height:calc(100vh - 212px);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,.5);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:999999}.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal{background:#fff;padding:30px 25px;border-radius:8px;text-align:center}.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2{font-size:16px;font-weight:500;margin:0 0 18px}.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p{margin:0 0 20px;font-size:14px;max-width:400px}.cptm-widget-trash-confirmation-modal-overlay button{border:0;-webkit-box-shadow:none;box-shadow:none;background:#c51616;padding:10px 15px;border-radius:6px;color:#fff;font-size:14px;font-weight:500;margin:5px;cursor:pointer;-webkit-transition:.3s ease;transition:.3s ease}.cptm-widget-trash-confirmation-modal-overlay button:hover{background:#ba1230}.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel{background:#f1f2f6;color:#7a8289}.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover{background:#dee0e4}.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){.cptm-field-group-container .cptm-field-group-container__label{margin-bottom:15px}}.cptm-container-group-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:26px}@media only screen and (max-width:1300px){.cptm-container-group-fields{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media only screen and (max-width:1300px){.cptm-container-group-fields .cptm-form-group:not(:last-child){margin-bottom:0}}@media only screen and (max-width:991px){.cptm-container-group-fields .cptm-form-group{width:100%}}.cptm-container-group-fields .highlight-field{padding:0}.cptm-container-group-fields .atbdp-row{margin:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-container-group-fields .atbdp-row .atbdp-col{-webkit-box-flex:0!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important;width:auto;padding:0}.cptm-container-group-fields .atbdp-row .atbdp-col input{max-width:100px!important;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:991px){.cptm-container-group-fields .atbdp-row .atbdp-col input{max-width:none!important}}@media only screen and (max-width:767px){.cptm-container-group-fields .atbdp-row .atbdp-col input{max-width:150px!important}}.cptm-container-group-fields .atbdp-row .atbdp-col label{margin:0;font-size:14px!important;font-weight:400}@media only screen and (max-width:1300px){.cptm-container-group-fields .atbdp-row .atbdp-col label{min-width:50px}}.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown{width:95px}.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before{position:relative;top:-3px}@media only screen and (max-width:991px){.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown{width:calc(100% - 2px)}}@media only screen and (max-width:767px){.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown{width:150px}}@media only screen and (max-width:991px){.cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8{-webkit-box-flex:1!important;-webkit-flex:auto!important;-ms-flex:auto!important;flex:auto!important}}@media only screen and (max-width:767px){.cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4{width:auto!important}}.enable_single_listing_page .cptm-title-area{margin:30px 0}.enable_single_listing_page .cptm-title-area .cptm-title{font-size:20px;font-weight:600;color:#0a0a0a}.enable_single_listing_page .cptm-title-area .cptm-des{font-size:14px;color:#737373;margin-top:6px}.enable_single_listing_page .cptm-input-toggle-content h3{font-size:14px;font-weight:600;color:#2c3239;margin:0 0 6px}.enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info{font-size:14px;color:#4d5761}.enable_single_listing_page .cptm-form-group{margin-bottom:40px}.enable_single_listing_page .cptm-form-group--dropdown{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;font-weight:500;margin-top:6px}.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a{color:#3e62f5}.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown{border-radius:4px;border-color:#d2d6db}.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown .directorist_dropdown-toggle{line-height:1.4;min-height:40px}.enable_single_listing_page .cptm-input-toggle{width:44px;height:22px}.cptm-form-group--api-select-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;background-color:#e5e5e5;border-radius:4px;margin:0 auto 15px}.cptm-form-group--api-select-icon span.la{font-size:22px;color:#0a0a0a}.cptm-form-group--api-select h4{font-size:16px;color:#171717}.cptm-form-group--api-select p{color:#737373}.cptm-form-group--api-select .cptm-form-group--api-select-re-sync{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:500;color:#0a0a0a;border:1px solid #d4d4d4;border-radius:8px;padding:8.5px 16.5px;margin:0 auto;background-color:#fff;cursor:pointer;-webkit-box-shadow:0 1px 2px -1px rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px -1px rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.1)}.cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la{font-size:16px;color:#0a0a0a;margin-right:8px}.cptm-form-title-field{margin-bottom:16px}.cptm-form-title-field .cptm-form-title-field__label{font-size:14px;font-weight:600;color:#000;margin:0 0 4px}.cptm-form-title-field .cptm-form-title-field__description{font-size:14px;color:#4d5761}.cptm-form-title-field .cptm-form-title-field__description a{color:#345af4}.cptm-elements-settings{width:100%;max-width:372px;padding:0 20px;scrollbar-width:6px;border-right:1px solid #e5e7eb;scrollbar-color:#d2d6db #f3f4f6}@media only screen and (max-width:1199px){.cptm-elements-settings{max-width:100%}}@media only screen and (max-width:782px){.cptm-elements-settings{-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.cptm-elements-settings{border:none;padding:0}}.cptm-elements-settings__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:18px 0 8px}.cptm-elements-settings__header__title{font-size:16px;line-height:24px;font-weight:500;color:#141921;margin:0}.cptm-elements-settings__group{padding:20px 0;border-bottom:1px solid #e5e7eb}.cptm-elements-settings__group .dndrop-draggable-wrapper{position:relative;overflow:visible!important}.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging{opacity:0}.cptm-elements-settings__group:last-child{border-bottom:none}.cptm-elements-settings__group__title{display:block;font-size:12px;font-weight:500;letter-spacing:.48px;color:#747c89;margin-bottom:15px}.cptm-elements-settings__group__single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px;border-radius:4px;background:#f3f4f6}.cptm-elements-settings__group__single:hover{border-color:#3e62f5}.cptm-elements-settings__group__single .drag-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:16px;color:#747c89;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:move}.cptm-elements-settings__group__single .drag-icon:hover{color:#1e1e1e}.cptm-elements-settings__group__single__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;color:#383f47}.cptm-elements-settings__group__single__label__icon{color:#4d5761;font-size:24px}@media only screen and (max-width:480px){.cptm-elements-settings__group__single__label__icon{font-size:20px}}.cptm-elements-settings__group__single__action{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.cptm-elements-settings__group__single__action,.cptm-elements-settings__group__single__edit{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cptm-elements-settings__group__single__edit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.cptm-elements-settings__group__single__edit__icon{font-size:20px;color:#4d5761}.cptm-elements-settings__group__single__edit--disabled{opacity:.4;pointer-events:none}.cptm-elements-settings__group__single__switch label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:32px;height:18px;cursor:pointer}.cptm-elements-settings__group__single__switch label:before{content:"";position:absolute;width:100%;height:100%;background-color:#d2d6db;border-radius:30px;-webkit-transition:all .3s;transition:all .3s}.cptm-elements-settings__group__single__switch label:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background-color:#fff;border-radius:50%;-webkit-transition:all .3s;transition:all .3s}.cptm-elements-settings__group__single__switch input[type=checkbox]{display:none}.cptm-elements-settings__group__single__switch input[type=checkbox]:checked+label:before{background-color:#3e62f5}.cptm-elements-settings__group__single__switch input[type=checkbox]:checked+label:after{-webkit-transform:translateX(14px);transform:translateX(14px)}.cptm-elements-settings__group__single--disabled{opacity:.4;pointer-events:none}.cptm-elements-settings__group__options{position:absolute;width:100%;top:42px;left:0;z-index:1;padding-bottom:20px}.cptm-elements-settings__group__options .cptm-option-card{margin:0;background:#fff;-webkit-box-shadow:0 6px 8px 2px rgba(16,24,40,.1019607843);box-shadow:0 6px 8px 2px rgba(16,24,40,.1019607843)}.cptm-elements-settings__group__options .cptm-option-card:before{right:60px}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header{padding:0;border-radius:8px 8px 0 0;background:transparent}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section{padding:16px;min-height:auto}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title{font-size:14px;font-weight:500;color:#2c3239;margin:0}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;padding:0;color:#4d5761}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:16px;background:transparent;border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;-webkit-box-shadow:none;box-shadow:none}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group{margin-bottom:0}.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label{font-size:13px;font-weight:500}.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper{margin-bottom:8px}.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child{margin-bottom:0}.cptm-shortcode-generator{max-width:100%}.cptm-shortcode-generator .cptm-generate-shortcode-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;padding:9px 20px;margin:0;background-color:#fff;color:#3e62f5}.cptm-shortcode-generator .cptm-generate-shortcode-button:hover{color:#fff}.cptm-shortcode-generator .cptm-generate-shortcode-button i{font-size:14px}.cptm-shortcode-generator .cptm-shortcodes-wrapper{margin-top:20px}.cptm-shortcode-generator .cptm-shortcodes-box{position:relative;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:10px 12px}.cptm-shortcode-generator .cptm-copy-icon-button{position:absolute;top:12px;right:12px;background:transparent;border:none;cursor:pointer;padding:8px;color:#555;font-size:18px;-webkit-transition:color .2s ease;transition:color .2s ease;z-index:10}.cptm-shortcode-generator .cptm-copy-icon-button:hover{color:#000}.cptm-shortcode-generator .cptm-copy-icon-button:focus{outline:2px solid #0073aa;outline-offset:2px;border-radius:4px}.cptm-shortcode-generator .cptm-shortcodes-content{padding-right:40px}.cptm-shortcode-generator .cptm-shortcode-item{margin:0;padding:2px 6px;font-size:14px;color:#000;line-height:1.6}.cptm-shortcode-generator .cptm-shortcode-item:hover{background-color:#e5e7eb}.cptm-shortcode-generator .cptm-shortcode-item:not(:last-child){margin-bottom:4px}.cptm-shortcode-generator .cptm-shortcodes-footer{margin-top:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px;color:#747c89}.cptm-shortcode-generator .cptm-footer-separator,.cptm-shortcode-generator .cptm-footer-text{color:#747c89}.cptm-shortcode-generator .cptm-regenerate-link{color:#3e62f5;text-decoration:none;font-weight:500;-webkit-transition:color .2s ease;transition:color .2s ease}.cptm-shortcode-generator .cptm-regenerate-link:hover{color:#3e62f5;text-decoration:underline}.cptm-shortcode-generator .cptm-regenerate-link:focus{outline:2px solid #3e62f5;outline-offset:2px;border-radius:2px}.cptm-shortcode-generator .cptm-no-shortcodes{margin-top:12px}.cptm-shortcode-generator .cptm-form-group-info{font-size:14px;color:#4d5761}.cptm-theme-butterfly .cptm-info-text{text-align:left;margin:0}.atbdp-settings-panel .cptm-form-group{margin-bottom:35px}.atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.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:8px;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;margin-bottom:0;padding-bottom:0}.atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title{font-size:20px;font-weight:500;color:#000}.atbdp-settings-panel .cptm-section .cptm-form-fields{padding:20px 25px 0}.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label{font-size:15px}.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper{margin:0;padding:0;color:rgba(0,6,38,.9);font-size:15px;font-style:normal;font-weight:600;line-height:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:14px}.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;width:40px;height:40px;border-radius:8px;color:#4d5761;background:#e5e7eb;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;aspect-ratio:1/1}.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon svg{width:16px;height:16px}.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon i{color:#4d5761}.atbdp-settings-panel .cptm-section.button_type,.atbdp-settings-panel .cptm-section.enable_multi_directory{z-index:11}.atbdp-settings-panel #style_settings__color_settings .cptm-section{z-index:unset}.atbdp-settings-manager .directorist_builder-header{margin-bottom:30px}.atbdp-settings-manager .atbdp-settings-manager__top{max-width:1200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links{padding:0;margin:10px 0 0}.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li{display:inline-block;margin-bottom:0}.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li:not(:last-child){margin-right:25px}.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li a{font-size:14px;text-decoration:none;color:#5a5f7d}.atbdp-settings-manager .atbdp-settings-manager__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:24px;font-weight:500;color:#23282d;margin-bottom:28px}.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger{display:none;margin:8px 0 0 30px}@media only screen and (max-width:575px){.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger{display:block}}.directorist_vertical-align-m,.directorist_vertical-align-m .directorist_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist_vertical-align-m{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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%;-webkit-flex-basis:100%;-ms-flex-preferred-size: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:.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-color:#272b41;padding:15px 20px;border-radius:5px 5px 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:767px){.setting-top-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.setting-top-bar .atbdp-setting-top-bar-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.setting-top-bar .atbdp-setting-top-bar-right .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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.3137254902)}.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus{outline:0 none;-webkit-box-shadow:0 0;box-shadow:0 0}.setting-top-bar .directorist_setting-panel__pages li+li .directorist_setting-panel__pages--link:before{font-family:Font Awesome\ 5 Free,Font Awesome\ 5 Brands;content:"\f105";margin:0 2px 0 5px;font-weight:900;position:relative;top:1px}.setting-top-bar .search-suggestions-list{border-radius:5px;padding:20px;-webkit-box-shadow:0 10px 40px rgba(134,142,174,.1882352941);box-shadow:0 10px 40px rgba(134,142,174,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff}.setting-search-suggestions{position:relative;z-index:999}.search-suggestions-list{margin:5px auto 0;position:absolute;width:100%;z-index:9999;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;background-color:#fff}.search-suggestions-list--list-item{list-style:none}.search-suggestions-list--link{display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.search-suggestions-list--link:hover{background-color:#f2f2f2}.setting-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.settings-contents{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:20px 20px 0;background-color:#fff}.setting-search-field__input{height:40px;padding:0 16px!important;border:0!important;background-color:hsla(0,0%,100%,.031372549)!important;border-radius:4px;color:hsla(0,0%,100%,.3137254902)!important;width:250px;max-width:250px;font-size:14px}.setting-search-field__input:focus{outline:none;-webkit-box-shadow:0 0!important;box-shadow:0 0!important}.settings-save-btn{display:inline-block;padding:0 20px;color:#fff;font-size:14px;text-decoration:none;font-weight:500;line-height:40px;border-radius:4px;cursor:pointer;border:1px solid #3e62f5;background-color:#3e62f5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.settings-save-btn:focus{color:#fff;outline:none}.settings-save-btn:hover{border-color:#264ef4;background:#264ef4;color:#fff}.settings-save-btn:disabled{opacity:.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){.setting-left-sibebar{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background-color:#fff;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transition:.35s;transition:.35s;z-index:99999}}.setting-left-sibebar.active{-webkit-transform:translateX(0);transform:translateX(0)}.directorist_settings-panel-shade{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(39,43,65,.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-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;-webkit-transition:.3s ease;transition:.3s ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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}.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 a{line-height:25px;padding:10px 25px 10px 58px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;color:#5a5f7d;-webkit-transition:.3s ease;transition:.3s ease;border-left:2px solid transparent}.settings-nav__item ul li a:focus{-webkit-box-shadow:0 0;box-shadow:0 0;outline:0 none}.settings-nav__item ul li a.active{color:#3e62f5;border-left-color:#3e62f5}.settings-nav__item ul li a.active,.settings-nav__item ul li a:hover{background-color:#fff;-webkit-box-shadow:0 5px 20px rgba(161,168,198,.2);box-shadow:0 5px 20px rgba(161,168,198,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 -20px;padding:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;background-color:#f8f9fb}.settings-footer .setting-response-feedback{color:#272b41}.settings-footer-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#272b41}.atbdp-settings-panel .cptm-form-control,.atbdp-settings-panel .directorist_dropdown{max-width:500px!important}#import_export .cptm-menu-title,#page_settings .cptm-menu-title,#personalization .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;-webkit-transition:.3s ease;transition:.3s ease}.ext-more{position:absolute;left:0;bottom:20px;text-align:center;z-index:2}.directorist-extensions table,.ext-more{width:100%}.ext-height-fix{height:250px!important;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease}.ext-height-fix:before{position:absolute;content:"";width:100%;height:150px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(hsla(0,0%,100%,.94)),to(#fff));background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.94),#fff);left:0;bottom:0}.ext-more-link{color:#090e2a;font-size:14px;font-weight:500}.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;-webkit-box-shadow:0 5px 15px rgba(146,153,184,.2);box-shadow:0 5px 15px rgba(146,153,184,.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}.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-color:#f4f5f7;padding:20px 40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}.w-form-group:last-child{margin-bottom:0}.w-form-group label{font-size:15px;font-weight:500}.w-form-group div,.w-form-group label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.w-form-group input[type=text],.w-form-group select{width:100%;height:42px;border-radius:4px;padding:0 16px;border:1px solid #c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.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:after,.w-toggle-switch .w-switch:before{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 .25s ease-out .1s;transition:background-color .25s ease-out .1s;width:48px}.w-toggle-switch .w-switch:after{-webkit-box-shadow:0 0 4px rgba(146,155,177,.15);box-shadow:0 0 4px rgba(146,155,177,.15);border-radius:50%;background-color:#fefefe;height:18px;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .25s ease-out .1s;transition:-webkit-transform .25s ease-out .1s;transition:transform .25s ease-out .1s;transition:transform .25s ease-out .1s,-webkit-transform .25s ease-out .1s;width:18px;top:1px}.w-toggle-switch .w-switch:checked:after{-webkit-transform:translate(20px);transform:translate(20px)}.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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;padding:0 12px;color:#9299b8;background-color:#eff0f3;border-radius:4px 0 0 4px}.w-input-group input{padding-left:58px!important}.wicon-done{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:50px;background-color:#0fb73b;border-radius:50%;width:80px;height:80px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin-bottom:10px}.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{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;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}.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:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.25)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);-webkit-animation:slideRight 2s linear infinite;animation:slideRight 2s linear infinite}@-webkit-keyframes slideRight{0%{left:0}to{left:100%}}@keyframes slideRight{0%{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%;position:absolute;right:20px;top:26px;background:transparent;border:3px solid #ddd;border-right-color:#4353ff;-webkit-animation:swRotate 2s linear infinite;animation:swRotate 2s linear infinite}@-webkit-keyframes swRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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!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}.directorist-setup-wizard{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:auto;margin:0;font-family:Inter}.directorist-setup-wizard,.directorist-setup-wizard__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-setup-wizard__wrapper{height:100%;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0;background-color:#f4f5f7}.directorist-setup-wizard__header{gap:30px;-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.directorist-setup-wizard__header,.directorist-setup-wizard__header__step{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-setup-wizard__header__step{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:15px;max-width:700px;padding:15px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center}@media (max-width:767px){.directorist-setup-wizard__header__step{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:80px;width:100%;padding:15px 20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}}.directorist-setup-wizard__header__step .atbdp-setup-steps{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none;border-radius:25px;overflow:hidden}.directorist-setup-wizard__header__step .atbdp-setup-steps li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.directorist-setup-wizard__header__step .atbdp-setup-steps li:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:12px;background-color:#ebebeb}.directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after,.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after{background-color:#4353ff}.directorist-setup-wizard__logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px 25px;border-right:1px solid #e7e7e7}@media (max-width:767px){.directorist-setup-wizard__logo{border:none}}.directorist-setup-wizard__logo img{width:140px}.directorist-setup-wizard__close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px 25px;-webkit-margin-start:138px;margin-inline-start:138px;border-left:1px solid #e7e7e7}@media (max-width:1199px){.directorist-setup-wizard__close{-webkit-margin-start:0;margin-inline-start:0}}.directorist-setup-wizard__close__btn svg path{fill:#b7b7b7;-webkit-transition:fill .3s ease;transition:fill .3s ease}.directorist-setup-wizard__close__btn:hover svg path{fill:#4353ff}.directorist-setup-wizard__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;padding:15px 25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}@media (max-width:375px){.directorist-setup-wizard__footer{gap:20px;padding:30px 20px}}.directorist-setup-wizard__btn{padding:0 20px;height:48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;font-size:15px;background-color:#4353ff;color:#fff;border:none;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-setup-wizard__btn:hover{opacity:.85}.directorist-setup-wizard__btn:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}@media (max-width:375px){.directorist-setup-wizard__btn{gap:15px}}.directorist-setup-wizard__btn--skip{background:transparent;color:#000;padding:0}.directorist-setup-wizard__btn--full{width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-setup-wizard__btn--return{color:#141414;background:#ebebeb}.directorist-setup-wizard__btn--next{position:relative;gap:10px;padding:0 25px}@media (max-width:375px){.directorist-setup-wizard__btn--next{padding:0 20px}}.directorist-setup-wizard__btn.loading{position:relative}.directorist-setup-wizard__btn.loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background-color:rgba(0,0,0,.5)}.directorist-setup-wizard__btn.loading:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;border-radius:50%;border:2px solid #fff;border-top-color:#4353ff;position:absolute;top:12px;right:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.directorist-setup-wizard__next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-setup-wizard__next .directorist-setup-wizard__btn{height:44px}@media (max-width:375px){.directorist-setup-wizard__next{gap:15px}}.directorist-setup-wizard__back__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000}.directorist-setup-wizard__back__btn:hover{opacity:.85}.directorist-setup-wizard__content{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-setup-wizard__content__title{font-size:30px;line-height:36px;font-weight:400;margin:0 0 10px;color:#141414}.directorist-setup-wizard__content__title--section{font-size:24px;font-weight:500;margin:30px 0 15px}.directorist-setup-wizard__content__section-title{font-size:18px;line-height:26px;font-weight:600;margin:0 0 15px;color:#141414}.directorist-setup-wizard__content__desc{font-size:16px;font-weight:400;margin:0 0 10px;color:#484848}.directorist-setup-wizard__content__header{margin:0 auto;text-align:center}.directorist-setup-wizard__content__header--listings{max-width:100%;text-align:center}.directorist-setup-wizard__content__header__title{font-size:30px;line-height:36px;font-weight:400;margin:0 0 10px}.directorist-setup-wizard__content__header__title:last-child{margin:0}.directorist-setup-wizard__content__header__desc{font-size:16px;line-height:26px;font-weight:400;margin:0}.directorist-setup-wizard__content__items{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px;width:100%;max-width:720px;margin:0 auto;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 10px 15px rgba(0,0,0,.05);box-shadow:0 10px 15px rgba(0,0,0,.05);-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:480px){.directorist-setup-wizard__content__items{padding:35px 25px}}@media (max-width:375px){.directorist-setup-wizard__content__items{padding:30px 20px}}.directorist-setup-wizard__content__items--listings{gap:30px;padding:40px 180px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media (max-width:991px){.directorist-setup-wizard__content__items--listings{padding:40px 100px}}@media (max-width:767px){.directorist-setup-wizard__content__items--listings{padding:40px 50px}}@media (max-width:480px){.directorist-setup-wizard__content__items--listings{padding:35px 25px}}@media (max-width:375){.directorist-setup-wizard__content__items--listings{padding:30px 20px}}.directorist-setup-wizard__content__items--completed{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:0;padding:40px 75px 50px}@media (max-width:480px){.directorist-setup-wizard__content__items--completed{padding:40px 30px 50px}}.directorist-setup-wizard__content__items--completed .congratulations-img{margin:0 auto 10px}.directorist-setup-wizard__content__import{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-setup-wizard__content__import__title{font-size:18px;font-weight:500;margin:0;color:#141414}.directorist-setup-wizard__content__import__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-setup-wizard__content__import__single label{font-size:15px;font-weight:400;position:relative;padding-left:30px;color:#484848;cursor:pointer}.directorist-setup-wizard__content__import__single label:before{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:18px;height:18px;border-radius:4px;border:1px solid #b7b7b7;position:absolute;left:0;top:-1px}.directorist-setup-wizard__content__import__single label:after{content:"";background-image:url(../images/52912e13371376d03cbd266752b1fe5e.svg);background-repeat:no-repeat;width:9px;height:7px;position:absolute;left:5px;top:6px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-setup-wizard__content__import__single input[type=checkbox]{display:none}.directorist-setup-wizard__content__import__single input[type=checkbox]:checked~label:before{background-color:#4353ff;border-color:#4353ff}.directorist-setup-wizard__content__import__single input[type=checkbox]:checked~label:after{opacity:1}.directorist-setup-wizard__content__import__btn{margin-top:20px}.directorist-setup-wizard__content__import__notice{margin-top:10px;font-size:14px;font-weight:400;text-align:center}.directorist-setup-wizard__content__btns{gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-setup-wizard__content__btns,.directorist-setup-wizard__content__pricing__checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-setup-wizard__content__pricing__checkbox{gap:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-setup-wizard__content__pricing__checkbox .feature-title{font-size:14px;color:#484848}.directorist-setup-wizard__content__pricing__checkbox label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;cursor:pointer}.directorist-setup-wizard__content__pricing__checkbox label:before{content:"";width:40px;height:20px;border-radius:15px;border:1px solid #4353ff;background:transparent;position:absolute;right:0;top:0}.directorist-setup-wizard__content__pricing__checkbox label:after{content:"";position:absolute;right:22px;top:4px;width:14px;height:14px;border-radius:100%;background-color:#4353ff;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]{display:none}.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked~label:before{background-color:#4353ff}.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked~label:after{right:5px;background-color:#fff}.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked~.directorist-setup-wizard__content__pricing__amount{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-setup-wizard__content__pricing__amount{display:none}.directorist-setup-wizard__content__pricing__amount .price-title{font-size:14px;color:#484848}.directorist-setup-wizard__content__pricing__amount .price-amount{font-size:14px;font-weight:500;color:#141414;border-radius:8px;background-color:#ebebeb;border:1px solid #ebebeb;padding:10px 15px}.directorist-setup-wizard__content__pricing__amount .price-amount input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;padding:0;max-width:45px;background:transparent}.directorist-setup-wizard__content__gateway__checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 20px}.directorist-setup-wizard__content__gateway__checkbox:last-child{margin:0}.directorist-setup-wizard__content__gateway__checkbox .gateway-title{font-size:14px;color:#484848}.directorist-setup-wizard__content__gateway__checkbox label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;cursor:pointer}.directorist-setup-wizard__content__gateway__checkbox label:before{content:"";width:40px;height:20px;border-radius:15px;border:1px solid #4353ff;background:transparent;position:absolute;right:0;top:0}.directorist-setup-wizard__content__gateway__checkbox label:after{content:"";position:absolute;right:22px;top:4px;width:14px;height:14px;border-radius:100%;background-color:#4353ff;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]{display:none}.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked~label:before{background-color:#4353ff}.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked~label:after{right:5px;background-color:#fff}.directorist-setup-wizard__content__gateway__checkbox .enable-warning{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;font-size:12px;font-style:italic}.directorist-setup-wizard__content__notice{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:500;color:#484848;-webkit-transition:color eases .3s;transition:color eases .3s}.directorist-setup-wizard__content__notice:hover{color:#4353ff}.directorist-setup-wizard__checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}@media (max-width:480px){.directorist-setup-wizard__checkbox,.directorist-setup-wizard__checkbox label{width:100%}}.directorist-setup-wizard__checkbox--custom{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;display:none}.directorist-setup-wizard__checkbox label{position:relative;font-size:14px;font-weight:500;color:#141414;height:40px;line-height:38px;padding:0 40px 0 15px;border-radius:5px;border:1px solid #d6d6d6;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.directorist-setup-wizard__checkbox label:before{content:"";background-image:url(../images/ce51f4953f209124fb4786d7d5946493.svg);background-repeat:no-repeat;width:16px;height:16px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;opacity:0}.directorist-setup-wizard__checkbox input[type=checkbox]{display:none}.directorist-setup-wizard__checkbox input[type=checkbox]:checked~label{background-color:rgba(67,83,255,.2509803922);border-color:transparent}.directorist-setup-wizard__checkbox input[type=checkbox]:checked~label:before{opacity:1}.directorist-setup-wizard__checkbox input[type=checkbox]:disabled~label{background-color:#ebebeb;color:#b7b7b7;cursor:not-allowed}.directorist-setup-wizard__checkbox input[type=text]{width:100%;height:42px;border-radius:4px;padding:0 16px;background-color:#ebebeb;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-setup-wizard__checkbox input[type=text]::-webkit-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-setup-wizard__checkbox input[type=text]::-moz-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-setup-wizard__checkbox input[type=text]:-ms-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-setup-wizard__checkbox input[type=text]::-ms-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-setup-wizard__checkbox input[type=text]::placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-setup-wizard__counter{width:100%;text-align:left}.directorist-setup-wizard__counter__title{font-size:20px;font-weight:600;color:#141414;margin:0 0 10px}.directorist-setup-wizard__counter__desc{display:none;font-size:14px;color:#404040;margin:0 0 10px}.directorist-setup-wizard__counter .selected_count{color:#4353ff}.directorist-setup-wizard__introduction{max-width:700px;margin:0 auto;text-align:center;padding:50px 0 100px}.directorist-setup-wizard__step{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:15px;padding:50px 15px 100px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:767px){.directorist-setup-wizard__step{padding-top:100px}}.directorist-setup-wizard__box{width:100%;max-width:720px;margin:0 auto;padding:30px 40px 40px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:480px){.directorist-setup-wizard__box{padding:30px 25px}}@media (max-width:375px){.directorist-setup-wizard__box{padding:30px 20px}}.directorist-setup-wizard__box__content__title{font-size:24px;font-weight:400;margin:0 0 5px;color:#141414}.directorist-setup-wizard__box__content__title--section{font-size:15px;font-weight:400;color:#141414;margin:0 0 10px}.directorist-setup-wizard__box__content__desc{font-size:15px;font-weight:400;margin:0 0 25px;color:#484848}.directorist-setup-wizard__box__content__form{position:relative}.directorist-setup-wizard__box__content__form:before{content:"";background-image:url(../images/2b491f8827936e353fbe598bfae84852.svg);background-repeat:no-repeat;width:14px;height:14px;position:absolute;left:18px;top:14px}.directorist-setup-wizard__box__content__form .address_result{background-color:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear,.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear{display:none}.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear,.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear{display:block}.directorist-setup-wizard__box__content__input{width:100%;height:44px;border-radius:8px;padding:0 60px 0 40px;outline:none;background-color:#ebebeb;border:1px solid #ebebeb;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-setup-wizard__box__content__input--clear{position:absolute;right:40px;top:14px}.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask:after{width:16px;height:16px;background-color:#484848}.directorist-setup-wizard__box__content__location-icon{position:absolute;right:18px;top:14px}.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask:after{width:16px;height:16px;background-color:#484848}.directorist-setup-wizard__map{margin-top:20px}.directorist-setup-wizard__map #gmap{height:280px;border-radius:8px}.directorist-setup-wizard__map .leaflet-touch .leaflet-bar a{background:#fff}.directorist-setup-wizard__map .leaflet-marker-icon .directorist-icon-mask:after{width:30px;height:30px;background-color:#e23636;-webkit-mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg);mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg)}.directorist-setup-wizard__notice{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:12px;font-weight:600;font-style:italic;color:#f80718}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.directorist-setup-wizard__step .directorist-setup-wizard__content.hidden{display:none}.middle-content.middle-content-import{background:#fff;padding:40px;-webkit-box-shadow:0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);width:600px;border-radius:8px}.middle-content.hidden{display:none}.directorist-import-progress-info-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;grid-gap:10px}.directorist-import-error,.directorist-import-progress{margin-top:25px}.directorist-import-error .directorist-import-progress-bar-wrap,.directorist-import-progress .directorist-import-progress-bar-wrap{position:relative;overflow:hidden}.directorist-import-error .import-progress-gap span,.directorist-import-progress .import-progress-gap span{background:#fff;height:6px;position:absolute;width:10px;top:-1px}.directorist-import-error .import-progress-gap span:first-child,.directorist-import-progress .import-progress-gap span:first-child{left:calc(25% - 10px)}.directorist-import-error .import-progress-gap span:nth-child(2),.directorist-import-progress .import-progress-gap span:nth-child(2){left:calc(50% - 10px)}.directorist-import-error .import-progress-gap span:nth-child(3),.directorist-import-progress .import-progress-gap span:nth-child(3){left:calc(75% - 10px)}.directorist-import-error .directorist-import-progress-bar-bg,.directorist-import-progress .directorist-import-progress-bar-bg{height:4px;background:#e5e7eb;width:100%;position:relative}.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar,.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar{position:absolute;left:0;top:0;background:#2563eb;-webkit-transition:all 1s;transition:all 1s;width:0;height:100%}.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done,.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done{background:#38c172}.directorist-import-error .directorist-import-progress-info,.directorist-import-progress .directorist-import-progress-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:15px;margin-bottom:15px}.directorist-import-error .directorist-import-error-box{overflow-y:scroll}.directorist-import-error .directorist-import-progress-bar-bg{width:100%;margin-bottom:15px}.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar{background:#2563eb}.directorist-import-process-step-bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-import-process-step-bottom img{width:335px;text-align:center;display:inline-block;padding:20px 10px 0}.import-done-congrats{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.import-done-congrats span{margin-left:17px}.import-done-section{margin-top:60px}.import-done-section .tweet-import-success .tweet-text{background:#fff;border:1px solid rgba(34,101,235,.1);border-radius:4px;padding:14px 21px}.import-done-section .tweet-import-success .twitter-btn-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:7px;right:30px;position:absolute;margin-top:8px;text-decoration:none}.import-done-section .import-done-text{margin-top:60px}.import-done-section .import-done-text .import-done-counter{text-align:left}.import-done-section .import-done-text .import-done-button{margin-top:25px}.directorist-import-done-inner,.import-done-counter,.import-done-section,.import-done .directorist-import-text-inner,.import-done .import-status-string{display:none}.import-done .directorist-import-done-inner,.import-done .import-done-counter,.import-done .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}.directorist-create-directory{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Inter;margin-left:-20px}.directorist-create-directory *{-webkit-box-flex:unset!important;-webkit-flex-grow:unset!important;-ms-flex-positive:unset!important;flex-grow:unset!important}.directorist-create-directory__wrapper{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0;margin:50px 0}.directorist-create-directory__header{gap:30px;-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;padding:12px 32px;border-bottom:1px solid #e5e7eb}.directorist-create-directory__header,.directorist-create-directory__logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-create-directory__logo{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;padding:15px 25px;border-right:1px solid #e7e7e7}@media (max-width:767px){.directorist-create-directory__logo{border:none}}.directorist-create-directory__logo img{width:140px}.directorist-create-directory__close__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:14px 16px;font-size:14px;line-height:20px;font-weight:500;color:#141921}.directorist-create-directory__close__btn svg{-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset}.directorist-create-directory__close__btn svg path{fill:#b7b7b7;-webkit-transition:fill .3s ease;transition:fill .3s ease}.directorist-create-directory__close__btn:hover svg path{fill:#4353ff}.directorist-create-directory__upgrade{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px}.directorist-create-directory__upgrade__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;font-size:12px;line-height:16px;font-weight:600;color:#141921;margin:0}.directorist-create-directory__upgrade__link{font-size:10px;line-height:12px;font-weight:500;color:#3e62f5;margin:0;text-decoration:underline}.directorist-create-directory__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:32px}.directorist-create-directory__info__title{font-size:20px;line-height:28px;font-weight:600;margin:0 0 4px}.directorist-create-directory__info__desc{font-size:14px;line-height:22px;font-weight:400;margin:0}.directorist-create-directory__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;padding:15px 25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}@media (max-width:375px){.directorist-create-directory__footer{gap:20px;padding:30px 20px}}.directorist-create-directory__btn{padding:0 20px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;font-size:15px;background-color:#4353ff;color:#fff;border:none;cursor:pointer;white-space:nowrap;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-create-directory__btn:hover{opacity:.85}.directorist-create-directory__btn.disabled,.directorist-create-directory__btn:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}@media (max-width:375px){.directorist-create-directory__btn{gap:15px}}.directorist-create-directory__btn--skip{background:transparent;color:#000;padding:0}.directorist-create-directory__btn--full{width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-create-directory__btn--return{color:#141414;background:#ebebeb}.directorist-create-directory__btn--next{position:relative;gap:8px;padding:0 16px;font-size:14px;font-weight:600;background-color:#3e62f5;border-color:#3e62f5;-webkit-box-shadow:0 1px 2px 0 rgba(27,36,44,.12);box-shadow:0 1px 2px 0 rgba(27,36,44,.12)}.directorist-create-directory__btn.loading{position:relative}.directorist-create-directory__btn.loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background-color:rgba(0,0,0,.5)}.directorist-create-directory__btn.loading:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;border-radius:50%;border:2px solid #fff;border-top-color:#4353ff;position:absolute;top:10px;right:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.directorist-create-directory__next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-create-directory__next img{max-width:10px}.directorist-create-directory__next .directorist_regenerate_fields{gap:8px;font-size:14px;line-height:20px;font-weight:500;color:#3e62f5!important;background:transparent!important;border-color:transparent!important}.directorist-create-directory__next .directorist_regenerate_fields.loading{pointer-events:none}.directorist-create-directory__next .directorist_regenerate_fields.loading svg{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.directorist-create-directory__next .directorist_regenerate_fields.loading:after,.directorist-create-directory__next .directorist_regenerate_fields.loading:before{display:none}@media (max-width:375px){.directorist-create-directory__next{gap:15px}}.directorist-create-directory__back,.directorist-create-directory__back__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px}.directorist-create-directory__back__btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#141921;font-size:14px;font-weight:500;line-height:20px}.directorist-create-directory__back__btn img,.directorist-create-directory__back__btn svg{width:20px;height:20px}.directorist-create-directory__back__btn:hover{color:#3e62f5}.directorist-create-directory__back__btn:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.directorist-create-directory__back__btn.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.directorist-create-directory__step{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-create-directory__step .atbdp-setup-steps{width:100%;max-width:130px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none;border-radius:4px;overflow:hidden}.directorist-create-directory__step .atbdp-setup-steps li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin:0;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.directorist-create-directory__step .atbdp-setup-steps li:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:8px;background-color:#d2d6db}.directorist-create-directory__step .atbdp-setup-steps li.active:after,.directorist-create-directory__step .atbdp-setup-steps li.done:after{background-color:#6e89f7}.directorist-create-directory__step .step-count{font-size:14px;line-height:19px;font-weight:600;color:#747c89}.directorist-create-directory__content{border-radius:10px;border:1px solid #e5e7eb;background-color:#fff;-webkit-box-shadow:0 3px 2px -1px rgba(27,36,44,.02),0 15px 24px -6px rgba(27,36,44,.08);box-shadow:0 3px 2px -1px rgba(27,36,44,.02),0 15px 24px -6px rgba(27,36,44,.08);max-width:622px;min-width:622px;overflow:auto;margin:0 auto}.directorist-create-directory__content.full-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;max-width:100%;min-width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:unset;background-color:transparent}.directorist-create-directory__content::-webkit-scrollbar{display:none}.directorist-create-directory__content__items{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:28px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:32px;width:100%;margin:0 auto;background-color:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-create-directory__content__items--columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-create-directory__content__form-group-label{color:#141921;font-size:14px;font-weight:600;line-height:20px;margin-bottom:12px;display:block;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-create-directory__content__form-group-label .required-label{color:#d94a4a;font-weight:600}.directorist-create-directory__content__form-group-label .optional-label{color:#7e8c9a;font-weight:400}.directorist-create-directory__content__form-group{width:100%}.directorist-create-directory__content__input.form-control{max-width:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:7px 16px 7px 44px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:8px;border:1px solid #d2d6db;background-color:#fff;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px;overflow:hidden;-webkit-transition:.3s;transition:.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.directorist-create-directory__content__input.form-control.--textarea{resize:none;min-height:148px;max-height:148px;background-color:#f9fafb;white-space:wrap;overflow:auto}.directorist-create-directory__content__input.form-control.--textarea:focus{background-color:#fff}.directorist-create-directory__content__input.form-control.--icon-none{padding:7px 16px}.directorist-create-directory__content__input.form-control::-webkit-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-create-directory__content__input.form-control::-moz-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-create-directory__content__input.form-control:-ms-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-create-directory__content__input.form-control::-ms-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-create-directory__content__input.form-control::placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-create-directory__content__input.form-control:focus,.directorist-create-directory__content__input.form-control:hover{color:#141921;border-color:#3e62f5;-webkit-box-shadow:0 0 0 3px rgba(103,146,244,.3);box-shadow:0 0 0 3px rgba(103,146,244,.3)}.directorist-create-directory__content__input[name=directory-location]::-webkit-search-cancel-button{position:relative;right:0;margin:0;height:20px;width:20px;background:#d1d1d7;-webkit-appearance:none;-webkit-mask-image:url(../images/fbe9a71fb4cca6c00727edfa817798b2.svg);mask-image:url(../images/fbe9a71fb4cca6c00727edfa817798b2.svg)}.directorist-create-directory__content__input.empty,.directorist-create-directory__content__input.max-char-reached{border-color:#ff0808!important;-webkit-box-shadow:0 0 3px 3px rgba(212,15,15,.3)!important;box-shadow:0 0 3px 3px rgba(212,15,15,.3)!important}.directorist-create-directory__content__input~.character-count{width:100%;text-align:end;font-size:12px;line-height:20px;font-weight:500;color:#555f6d;margin-top:8px}.directorist-create-directory__content__input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;color:#747c89}.directorist-create-directory__content__input-group.--options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:12px}.directorist-create-directory__content__input-group.--options .--options-wrapper{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 10px}.directorist-create-directory__content__input-group.--options .--options-left,.directorist-create-directory__content__input-group.--options .--options-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-create-directory__content__input-group.--options .--options-left{gap:8px;overflow:hidden;color:#747c89;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:24px}.directorist-create-directory__content__input-group.--options .--options-right{font-size:12px;font-weight:400;line-height:20px;letter-spacing:.12px}.directorist-create-directory__content__input-group.--options .--options-right strong{font-weight:500}.directorist-create-directory__content__input-group.--options .--hit-button{border-radius:4px;background:#e5e7eb;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;overflow:hidden;color:#141921;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:24px}.directorist-create-directory__content__input-group.--options .--hit-button strong{font-weight:500}.directorist-create-directory__content__input-group:hover .directorist-create-directory__content__input-icon svg{color:#141921}.directorist-create-directory__content__input-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:10px;left:20px;pointer-events:none}.directorist-create-directory__content__input-icon img,.directorist-create-directory__content__input-icon svg{width:20px;height:20px;-webkit-transition:.3s;transition:.3s}.directorist-create-directory__content__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 32px;border-top:1px solid #e5e7eb}.directorist-create-directory__generate{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-create-directory__generate,.directorist-create-directory__generate .directory-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-create-directory__generate .directory-img{padding:4px}.directorist-create-directory__generate .directory-img #directory-img__generating{width:48px;height:48px}.directorist-create-directory__generate .directory-img #directory-img__building{width:322px;height:auto}.directorist-create-directory__generate .directory-img svg{width:var(--Large,48px);height:var(--Large,48px)}.directorist-create-directory__generate .directory-title{color:#141921;font-size:18px;font-weight:700;line-height:32px;margin:16px 0 4px}.directorist-create-directory__generate .directory-description{color:#4d5761;font-size:12px;font-weight:400;line-height:20px;margin-top:0;margin-bottom:40px}.directorist-create-directory__generate .directory-description strong{font-weight:600}.directorist-create-directory__checkbox-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-create-directory__checkbox-wrapper.--gap-12{gap:12px}.directorist-create-directory__checkbox-wrapper.--gap-8{gap:8px}.directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg{width:16px;height:16px}.directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg{width:20px;height:20px}.directorist-create-directory__checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}@media (max-width:480px){.directorist-create-directory__checkbox,.directorist-create-directory__checkbox label{width:100%}}.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon{top:8px;left:16px}.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg{width:16px;height:16px}.directorist-create-directory__checkbox__others .directorist-create-directory__content__input{padding:4px 16px 4px 36px}.directorist-create-directory__checkbox--custom{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;display:none}.directorist-create-directory__checkbox label{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;height:32px;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.12px;color:#4d5761;border:1px solid #f3f4f6;background-color:#f3f4f6;padding:0 12px;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.directorist-create-directory__checkbox input[type=checkbox]{display:none}.directorist-create-directory__checkbox input[type=checkbox]:focus~label,.directorist-create-directory__checkbox input[type=checkbox]:hover~label{color:#383f47;background-color:#e5e7eb;border-color:#e5e7eb}.directorist-create-directory__checkbox input[type=checkbox]:checked~label{color:#fff;background-color:#6e89f7;border-color:#6e89f7}.directorist-create-directory__checkbox input[type=checkbox]:disabled~label{background-color:#f3f4f6;color:#4d5761;opacity:.5;cursor:not-allowed;pointer-events:none}.directorist-create-directory__checkbox input[type=radio]{display:none}.directorist-create-directory__checkbox input[type=radio]:focus~label,.directorist-create-directory__checkbox input[type=radio]:hover~label{color:#383f47;background-color:#e5e7eb;border-color:#e5e7eb}.directorist-create-directory__checkbox input[type=radio]:checked~label{color:#fff;background-color:#6e89f7;border-color:#6e89f7}.directorist-create-directory__checkbox input[type=radio]:disabled~label{background-color:#f3f4f6;color:#4d5761;opacity:.5;cursor:not-allowed;pointer-events:none}.directorist-create-directory__checkbox input[type=text]{width:100%;height:42px;border-radius:4px;padding:0 16px;background-color:#ebebeb;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-create-directory__checkbox input[type=text]::-webkit-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-create-directory__checkbox input[type=text]::-moz-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-create-directory__checkbox input[type=text]:-ms-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-create-directory__checkbox input[type=text]::-ms-input-placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-create-directory__checkbox input[type=text]::placeholder{font-size:14px;font-weight:400;color:#787878}.directorist-create-directory__go-pro-button a{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-create-directory__info{text-align:center}.directorist-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:28px;width:100%}.directorist-box__item{width:100%}.directorist-box__label{display:block;color:#141921;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:8px}.directorist-box__input-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px 8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:8px;border:1px solid #d2d6db;background:#fff;-webkit-transition:.3s;transition:.3s}.directorist-box__input-wrapper:focus,.directorist-box__input-wrapper:hover{border:1px solid #3e62f5;-webkit-box-shadow:0 0 0 3px rgba(103,146,244,.3);box-shadow:0 0 0 3px rgba(103,146,244,.3)}.directorist-box__input[type=text]{padding:0 8px;overflow:hidden;color:#141921;text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;border:none!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;height:30px}.directorist-box__input[type=text]::-webkit-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-box__input[type=text]::-moz-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-box__input[type=text]:-ms-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-box__input[type=text]::-ms-input-placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-box__input[type=text]::placeholder{overflow:hidden;color:#747c89;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.directorist-box__tagList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none}.directorist-box__tagList li{margin:0}.directorist-box__tagList li:not(:only-child,:last-child){height:24px;padding:0 8px;border-radius:4px;background:#f3f4f6;text-transform:capitalize;color:#4d5761;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.12px}.directorist-box__recommended-list,.directorist-box__tagList li:not(:only-child,:last-child){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0}.directorist-box__recommended-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}.directorist-box__recommended-list.recommend-disable{opacity:.5;pointer-events:none}.directorist-box__recommended-list li{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;height:32px;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.12px;color:#4d5761;border:1px solid #f3f4f6;background-color:#f3f4f6;padding:0 12px;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:0}.directorist-box__recommended-list li:hover{color:#383f47;background-color:#e5e7eb}.directorist-box__recommended-list li.disabled,.directorist-box__recommended-list li.free-disabled{display:none}.directorist-box__recommended-list li.free-disabled:hover{background-color:#cfd8dc}.directorist-box-options__wrapper{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 10px;margin-top:12px}.directorist-box-options__left,.directorist-box-options__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-box-options__left{gap:8px;overflow:hidden;color:#747c89;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:24px}.directorist-box-options__right{font-size:12px;font-weight:400;line-height:20px;letter-spacing:.12px;color:#555f6d;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:5px}.directorist-box-options__right strong{font-weight:500}.directorist-box-options__hit-button{border-radius:4px;background:#e5e7eb;padding:0 8px;gap:6px;overflow:hidden;color:#141921;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:24px}.directorist-box-options__hit-button,.directorist-create-directory__go-pro{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-create-directory__go-pro{margin-top:20px;padding:8px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:6px;border:1px solid #9eb0fa;background:#f0f3ff}.directorist-create-directory__go-pro-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:10px;color:#4d5761;font-size:14px;font-weight:400;line-height:20px}.directorist-create-directory__go-pro-title svg{padding:4px 8px;width:32px;max-height:16px;color:#3e62f5}.directorist-create-directory__go-pro-button a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:146px;height:32px;padding:0 16px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;color:#141921;font-size:12px;font-weight:600;line-height:19px;text-transform:capitalize;border-radius:6px;border:1px solid #d2d6db;background:#f0f3ff;-webkit-box-shadow:0 1px 2px 0 rgba(27,36,44,.12);box-shadow:0 1px 2px 0 rgba(27,36,44,.12);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-create-directory__go-pro-button a:hover{background-color:#3e62f5;border-color:#3e62f5;color:#fff;opacity:.85}.directory-generate-btn{margin-bottom:20px}.directory-generate-btn__content{border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid #e5e7eb;background:#fff;-webkit-box-shadow:0 16px 24px -6px rgba(27,36,44,.16),0 2px 2px -1px rgba(27,36,44,.04);box-shadow:0 16px 24px -6px rgba(27,36,44,.16),0 2px 2px -1px rgba(27,36,44,.04);gap:8px;color:#141921;font-size:12px;font-weight:600;line-height:20px;position:relative;padding:10px;margin:0 2px 3px;border-radius:6px}.directory-generate-btn--bg{position:absolute;top:0;left:0;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(#eabaeb),to(#3e62f5));background-image:linear-gradient(#eabaeb,#3e62f5);-webkit-transition:width .3s ease;transition:width .3s ease;border-radius:8px}.directory-generate-btn svg{width:20px;height:20px}.directory-generate-btn__wrapper{position:relative;width:347px;background-color:#fff;border-radius:5px;margin:0 auto 20px}.directory-generate-progress-list{margin-top:34px}.directory-generate-progress-list ul{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:18px}.directory-generate-progress-list ul,.directory-generate-progress-list ul li{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directory-generate-progress-list ul li{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:12px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;color:#4d5761;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.directory-generate-progress-list ul li svg{width:20px;height:20px}.directory-generate-progress-list__btn{position:relative;gap:8px;padding:0 16px;font-size:14px;font-weight:600;background-color:#3e62f5;border:1px solid #3e62f5;color:#fff!important;-webkit-box-shadow:0 1px 2px 0 rgba(27,36,44,.12);box-shadow:0 1px 2px 0 rgba(27,36,44,.12);height:40px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:32px;margin-bottom:30px}.directory-generate-progress-list__btn svg{width:20px;height:20px}.directory-generate-progress-list__btn.disabled{opacity:.5;pointer-events:none}.directorist-ai-generate-box{background-color:#fff;padding:32px}.directorist-ai-generate-box__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:32px}.directorist-ai-generate-box__header svg{width:40px;height:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.directorist-ai-generate-box__title{margin-left:10px}.directorist-ai-generate-box__title h6{margin:0;color:#2c3239;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:22px}.directorist-ai-generate-box__title p{color:#4d5761;font-size:14px;font-weight:400;line-height:22px;margin:0}.directorist-ai-generate-box__items{padding:24px;border-radius:8px;background:#f3f4f6;gap:8px;-ms-flex-item-align:stretch;margin:0;max-height:540px;overflow-y:auto}.directorist-ai-generate-box__item,.directorist-ai-generate-box__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-self:stretch;align-self:stretch}.directorist-ai-generate-box__item{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:10px;-ms-flex-item-align:stretch}.directorist-ai-generate-box__item.pinned .directorist-ai-generate-dropdown__pin-icon svg{color:#3e62f5}.directorist-ai-generate-dropdown{border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;width:100%}.directorist-ai-generate-dropdown[aria-expanded=true] .directorist-ai-generate-dropdown__header{border-color:#e5e7eb}.directorist-ai-generate-dropdown__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:14px 16px;border-radius:8px 8px 0 0;border-bottom:1px solid transparent}.directorist-ai-generate-dropdown__header.has-options{cursor:pointer}.directorist-ai-generate-dropdown__header-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-ai-generate-dropdown__header-icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.directorist-ai-generate-dropdown__header-icon.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directorist-ai-generate-dropdown__pin-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 12px 0 6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-right:1px solid #d2d6db;color:#4d5761}.directorist-ai-generate-dropdown__pin-icon:hover{color:#3e62f5}.directorist-ai-generate-dropdown__pin-icon svg{width:20px;height:20px}.directorist-ai-generate-dropdown__title-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#4d5761;font-size:28px}.directorist-ai-generate-dropdown__title-icon svg{width:28px;height:28px}.directorist-ai-generate-dropdown__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 12px 0 24px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px}.directorist-ai-generate-dropdown__title-main h6{color:#4d5761;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:16.24px;margin:0;text-transform:capitalize}.directorist-ai-generate-dropdown__title-main p{color:#747c89;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:13.92px;margin:4px 0 0}.directorist-ai-generate-dropdown__content{display:none;padding:24px;color:#747c89;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:13.92px}.directorist-ai-generate-dropdown__content--expanded,.directorist-ai-generate-dropdown__content[aria-expanded=true]{display:block}.directorist-ai-generate-dropdown__header-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#4d5761}.directorist-ai-generate-dropdown__header-icon svg{width:20px;height:20px}.directorist-ai-location-field__title{color:#4d5761;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:19px;margin-bottom:12px}.directorist-ai-location-field__title span{color:#747c89;font-weight:500}.directorist-ai-location-field__content ul{padding:0;margin:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.directorist-ai-location-field__content ul li{height:32px;padding:8px 12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-flex:1;-webkit-flex:1 0 0;-ms-flex:1 0 0px;flex:1 0 0;border-radius:4px;background:#f3f4f6;color:#4d5761;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.12px}.directorist-ai-location-field__content ul li svg{width:20px;height:20px}.directorist-ai-checkbox-field__label{color:#4d5761;font-size:14px;font-style:normal;font-weight:600;line-height:19px;margin-bottom:16px;display:block}.directorist-ai-checkbox-field__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;gap:10px 34px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-ai-checkbox-field__list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;color:#4d5761;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.12px}.directorist-ai-checkbox-field__list-item svg{width:24px;height:24px}.directorist-ai-checkbox-field__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.directorist-ai-keyword-field__label{color:#4d5761;font-size:14px;font-weight:600;line-height:19px;margin-bottom:16px;display:block}.directorist-ai-keyword-field__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;gap:10px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-ai-keyword-field__list-item.--h-24{height:24px}.directorist-ai-keyword-field__list-item.--h-32{height:32px}.directorist-ai-keyword-field__list-item.--px-8{padding:0 8px}.directorist-ai-keyword-field__list-item.--px-12{padding:0 12px}.directorist-ai-keyword-field__list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:4px;background:#f3f4f6;color:#4d5761;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.12px}.directorist-ai-keyword-field__list-item svg{width:20px;height:20px}.directorist-ai-keyword-field__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.directorist-create-directory__step .directorist-create-directory__content.hidden{display:none} \ No newline at end of file +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#directorist.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-color: #f2f4f7; + z-index: 1; +} + +#shortcode-updated .input label span { + background-color: #008ec2; + width: 160px; + position: relative; + border-radius: 3px; + margin-top: 0; +} +#shortcode-updated .input label span:before { + content: "Upgrade/Regenerate"; + position: absolute; + color: #fff; + left: 50%; + top: 48%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + border-radius: 3px; +} + +#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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#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-color: #c4c4c4; + right: -5px; + top: -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + -webkit-transition: 0.2s ease; + transition: 0.2s ease; +} +#atbdp-categories-image-wrapper .remove_cat_img:hover { + background-color: #ff0000; + color: #fff; +} + +.plupload-thumbs .thumb { + position: relative; +} +.plupload-thumbs .thumb:hover .atbdp-thumb-actions { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.plupload-thumbs .thumb .atbdp-file-info { + border-radius: 5px; +} +.plupload-thumbs .thumb .atbdp-thumb-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + margin-top: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink { + background-color: #000; + height: 30px; + width: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 14px; +} +.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover { + background-color: #e23636; +} +.plupload-thumbs .thumb .atbdp-thumb-actions:before { + border-radius: 5px; +} + +.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-color: #f8f9fb; + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.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; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; +} +.atbd_tooltip[aria-label]:before { + content: ""; + left: 50%; + -webkit-transform: translate(-50%, 7px); + transform: translate(-50%, 7px); + border: 6px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); +} +.atbd_tooltip[aria-label]:after { + content: attr(aria-label); + left: 50%; + -webkit-transform: translate(-50%, -5px); + transform: translate(-50%, -5px); + min-width: 150px; + text-align: center; + background: rgba(0, 0, 0, 0.8); + padding: 5px 12px; + border-radius: 3px; + color: #fff; +} +.atbd_tooltip[aria-label]:hover:before, +.atbd_tooltip[aria-label]:hover:after { + display: block; +} + +@-webkit-keyframes showTooltip { + from { + opacity: 0; + } +} + +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + 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: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#primary_example input[type="text"], +#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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + line-height: 44px; + padding: 0 20px; + background-color: #fff; + border: 1px solid #e3e6ef; + color: #272b41; + border-radius: 5px; + font-weight: 600; + margin-right: 7px; +} +.csv-action-btns a span { + color: #9299b8; +} +.csv-action-btns a:last-child { + margin-right: 0; +} +.csv-action-btns a.btn-active { + background-color: #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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); + left: 112px; + top: 8px; + width: 125px; + overflow: hidden; +} +.csv-action-steps ul li .step { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + color: #9299b8; + -webkit-box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); + box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); + background-color: #fff; +} +.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; +} +.csv-action-steps ul li.active .step { + background-color: #272b41; + color: #fff; +} +.csv-action-steps ul li.active .step-text { + color: #272b41; +} +.csv-action-steps ul li.done:before { + content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png); +} +.csv-action-steps ul li.done .step { + background-color: #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-color: #fff; + border-radius: 5px; + -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); + box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); +} +.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; + width: 1px; + height: 0; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .upload-btn { + line-height: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 5px; + padding: 0 20px; + background-color: #5a5f7d; + color: #fff; + font-weight: 500; + min-width: 140px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .file-name { + color: #9299b8; + display: inline-block; + margin-left: 5px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + small { + font-size: 13px; + color: #9299b8; + display: block; + margin-top: 10px; +} +.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: 10px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + input { + width: 120px; + border-radius: 4px; + border: 1px solid #c6d0dc; + height: 36px; +} +.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 { + margin-top: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + label { + width: 100%; + display: block; + margin-bottom: 15px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + #directory_type { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + margin-top: 25px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + th, +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + td { + width: 50%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead { + background-color: #f4f5f7; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead + th { + border: 0 none; + font-weight: 500; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name { + padding-top: 15px; + padding-left: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + p { + margin: 0 0 5px; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + .description { + color: #9299b8; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + code { + line-break: anywhere; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field { + padding-top: 20px; + padding-right: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field + select { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper form .atbdp-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; +} +.csv-wrapper form .atbdp-actions .button { + background-color: #3e62f5; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-size: 15px; +} +.csv-wrapper form .atbdp-actions .button:hover, +.csv-wrapper form .atbdp-actions .button:focus { + opacity: 0.9; +} +.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 .importer-progress-notice { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #5a5f7d; + margin-top: 10px; +} +.csv-wrapper .directorist-importer__importing span.importer-notice { + padding-bottom: 0; + font-size: 14px; + font-style: italic; +} +.csv-wrapper .directorist-importer__importing span.importer-details { + padding-top: 0; + font-size: 14px; +} +.csv-wrapper .directorist-importer__importing progress { + border-radius: 15px; + width: 100%; + height: 15px; + overflow: hidden; +} +.csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar { + background-color: #e8f0f8; + border-radius: 15px; +} +.csv-wrapper .directorist-importer__importing progress::-webkit-progress-value { + background-color: #3e62f5; + border-radius: 15px; +} +.csv-wrapper .directorist-importer__importing progress::-moz-progress-bar { + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; +} +.csv-wrapper + .directorist-importer__importing + progress[value]::-moz-progress-bar { + background-color: #3e62f5; + border-radius: 15px; +} +.csv-wrapper .csv-import-done .wc-progress-form-content { + padding: 100px 30px 80px; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 50%; + background-color: #0fb73b; + font-size: 70px; + color: #fff; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; +} +.csv-wrapper .csv-import-done .atbdp-actions .button { + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; +} +.csv-wrapper .csv-center.csv-export { + padding: 100px 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.csv-wrapper .csv-center.csv-export .button-secondary { + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; +} + +.iris-border .iris-palette-container .iris-palette { + padding: 0 !important; +} + +#csv_import .vp-input + span { + background-color: #007cba; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; +} +#csv_import .vp-input + span:after { + content: "Run Importer"; +} + +.vp-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.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"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="tel"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="url"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control::-webkit-input-placeholder { + color: #868eae; +} +.postbox-container .postbox .form-group input[type="text"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="tel"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="url"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="number"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="date"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="time"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="email"]::-moz-placeholder, +.postbox-container .postbox .form-group select.form-control::-moz-placeholder { + color: #868eae; +} +.postbox-container + .postbox + .form-group + input[type="text"]:-ms-input-placeholder, +.postbox-container .postbox .form-group input[type="tel"]:-ms-input-placeholder, +.postbox-container .postbox .form-group input[type="url"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control:-ms-input-placeholder { + color: #868eae; +} +.postbox-container + .postbox + .form-group + input[type="text"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="tel"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="url"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control::-ms-input-placeholder { + color: #868eae; +} +.postbox-container .postbox .form-group input[type="text"]::placeholder, +.postbox-container .postbox .form-group input[type="tel"]::placeholder, +.postbox-container .postbox .form-group input[type="url"]::placeholder, +.postbox-container .postbox .form-group input[type="number"]::placeholder, +.postbox-container .postbox .form-group input[type="date"]::placeholder, +.postbox-container .postbox .form-group input[type="time"]::placeholder, +.postbox-container .postbox .form-group input[type="email"]::placeholder, +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px 15px; +} +.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: var(--directorist-color-primary); + border: 0 none; + color: #fff; +} +.postbox-container + .postbox + #directorist-terms_conditions-field + input[type="text"] { + margin-bottom: 15px; +} +.postbox-container + .postbox + #directorist-terms_conditions-field + .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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.atbds_wrapper .atbds_col-left { + margin-right: 30px; +} +.atbds_wrapper .atbds_col-right { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + 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; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + 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; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + 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; + -webkit-box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); + box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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; + -webkit-box-shadow: 0 0; + 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; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} + +.atbds_text-center { + text-align: center; +} + +.atbds_d-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.atbds_flex-wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.atbds_row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.atbds_col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 31.21%; + position: relative; + width: 100%; + padding-right: 1.05%; + padding-left: 1.05%; +} + +/* atbds System Table */ +.atbd_tooltip { + position: relative; + cursor: pointer; +} +.atbd_tooltip .atbd_tooltip__text { + display: none; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + top: 24px; + padding: 10.5px 15px; + min-width: 300px; + line-height: 1.7333; + border-radius: 4px; + background-color: #272b41; + color: #bebfc6; + z-index: 10; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + background-color: #fff; + -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + text-decoration: none; + color: #3e62f5; +} +.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; + -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.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; + -webkit-box-shadow: 0 0; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-left: 38px; + margin-bottom: 0; + line-height: 1.4; + font-weight: 400; + color: #868eae; +} +.atbds_customCheckbox input[type="checkbox"] + label:after { + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 3px; + content: ""; + background-color: #fff; + border-width: 1px; + border-style: solid; + border: 1px solid #c6d0dc; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbds_customCheckbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 12px; + left: 4px; + top: 2px; + font-weight: 900; + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; + color: #3e62f5; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:after { + background-color: #00bc5e; + border: 1px solid #00bc5e; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; +} + +#listing_form_info { + background: none; + border: 0 none; + -webkit-box-shadow: 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-color: #ffffff; + text-align: left; + border-radius: 3px; +} +#listing_form_info .atbd_content_module .atbd_content_module_title_area { + border-bottom: 1px solid #e3e6ef; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 30px !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#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-color: #222; + border: 0 none; + border-radius: 3px; + font-size: 11px; + position: relative; + top: 1px; + color: #fff; +} + +.atbd-listing-type-active-status { + display: inline-block; + color: #00ac17; + margin-left: 10px; +} + +/* 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 47%; + -ms-flex: 0 0 47%; + flex: 0 0 47%; + max-width: 47%; + padding-left: 1.5%; + padding-right: 1.5%; + } +} +@media only screen and (max-width: 1024px) { + .atbds_warnings .atbds_row { + margin: 0px; + } + .atbds_warnings .atbds_col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + padding-left: 0; + padding-right: 0; + } +} +@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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + } + .atbds_wrapper .atbds_row .atbds_col-left { + margin-right: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { + padding-left: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 100%; + margin-bottom: 15px; + } + .table-responsive { + width: 100%; + display: block; + overflow-x: auto; + } +} +@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-color: #fff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +#atbds_r-viewing .atbds_form-row .button-secondary:hover { + background-color: #3e62f5; + color: #fff; +} + +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 38px; + border-radius: 4px; + text-decoration: none; + color: #fff; +} +.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-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; +} +.add_listing_form_wrapper .listing-img-container img { + max-width: 100px; + height: 65px !important; +} +.add_listing_form_wrapper .listing-img-container p { + font-size: 14px; +} +.add_listing_form_wrapper .directorist-hide-if-no-js { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #007cba; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; +} +#announcment_submit .vp-input ~ span:after { + content: "Send"; +} + +/* Announcment */ +/* ----------------------------- */ +#announcement_submit .vp-input ~ span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #007cba; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: 80px; + cursor: pointer; +} +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 -15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + 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; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + padding: 20px; + text-align: center; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: calc(100vh - 50px); +} + +.atbdp-form-container { + margin: 0 auto; + width: 100%; + max-width: 400px; + padding: 20px; + border-radius: 4px; + -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + background-color: #fff; +} + +.atbdp-license-form-container { + -webkit-box-shadow: none; + 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; +} +.atbdp-form-feedback span { + display: inline-block; + margin-left: 10px; +} + +.et-auth-section-wrap { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.et-auth-section-wrap .atbdp-input-group-wrap { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + 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 { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + 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-color: #6495ed; +} + +/* Utility */ +.purchase-refresh-btn-wrapper { + overflow: hidden; +} + +.atbdp-action-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 10px; + border-bottom: 1px solid #ccc; +} + +.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; + -webkit-transition: all ease-in-out 300ms; + 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; + -webkit-box-shadow: 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; + -webkit-box-sizing: border-box; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media only screen and (max-width: 475px) { + .atbdp-counter-list-vertical .atbdp-counter-list__item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .atbdp-counter-list-vertical + .atbdp-counter-list__item + .atbdp-counter-list__actions { + margin-left: 0 !important; + } +} +.atbdp-counter-list-vertical .atbdp-counter-list__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-color: #fff; + border-radius: 4px; +} +.et-wrapper .et-wrapper-head { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 30px; + border-bottom: 1px solid #f1f2f6; +} +.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-color: #f4f5f7; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px 0 40px; + min-width: 300px; +} +.et-wrapper .et-wrapper-head .et-search span { + position: absolute; + left: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 16px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 18px; + border-bottom: 1px solid #e3e6ef; +} +.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; + -webkit-transition: 0.3s ease; + 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-color: #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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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-color: #c6d0dc !important; + border-radius: 4px; + color: #fff !important; + line-height: 30px; + padding: 0 15px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + padding: 6px 15px; + border: none; + border-radius: 4px !important; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:active, +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:focus { + outline: none !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn.ei-action-active { + background-color: #3e62f5 !important; +} +.et-wrapper .et-contents .ext-wrapper table .extension-name { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 15px; + min-width: 300px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + .directorist-checkbox__label { + padding-left: 30px; +} +.et-wrapper .et-contents .ext-wrapper table .extension-name input { + margin-right: 20px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox__label { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 12px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 16px !important; +} +.et-wrapper .et-contents .ext-wrapper table .extension-name label { + margin-bottom: 0 !important; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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-color: #00b158; + line-height: 22px; + padding: 0 10px; + border-radius: 25px; +} +.et-wrapper .et-contents .ext-wrapper table .ext-update-info { + margin-bottom: 0 !important; + position: relative; + padding-left: 20px; + font-size: 13px; +} +.et-wrapper .et-contents .ext-wrapper table .ext-update-info:before { + position: absolute; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c99ff; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.et-wrapper .et-contents .ext-wrapper table .ext-update-info span { + color: #2c99ff; + display: inline-block; + margin-left: 10px; + border-bottom: 1px dashed #2c99ff; + cursor: pointer; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-update-info.ext-updated:before { + background-color: #00b158; +} +.et-wrapper .et-contents .ext-wrapper table .ext-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 0 0 -8px; + min-width: 170px; +} +.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { + margin-left: 17px; + display: inline-block; + position: relative; + font-size: 18px; + line-height: 34px; + border-radius: 4px; + padding: 0 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + outline: 0; +} +@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; + -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + background-color: #fff; + z-index: 1; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item + a { + line-height: 40px; + display: block; + padding: 0 20px; + font-size: 14px; + font-weight: 500; + color: #ff272a !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active + + .ext-action-drop__item { + visibility: visible; + opacity: 1; + pointer-events: all; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media only screen and (max-width: 660px) { + .et-header-title-area { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} + +.et-header-actions { + margin: 0 10px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 660px) { + .et-header-actions { + margin: 10px -6px -6px; + } + .et-header-actions .atbdp-action-group { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { + margin-bottom: 10px; + } +} + +.et-auth-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow: hidden; +} + +.et-auth-section-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 1px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow: hidden; +} + +.atbdp-input-group-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.atbdp-input-group-append { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#directorist.atbd_wrapper .ext-action-btn { + display: inline-block; + line-height: 34px; + background-color: #f4f5f7 !important; + padding: 0 20px; + border-radius: 25px; + margin: 0 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 14px !important; + font-weight: 500; + white-space: nowrap; +} +#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-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + width: 400px; + max-width: 400px; + border-radius: 6px; +} +.theme-card figure { + padding: 25px 25px 20px; + margin-bottom: 0 !important; +} +.theme-card figure img { + width: 100%; + display: block; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); +} +.theme-card figure figcaption .theme-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; +} +.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-color: #f4f5f7 !important; + font-size: 14px; + font-weight: 500; + line-height: 40px; + padding: 0 20px; + color: #272b41; + display: inline-block; + margin: 8px 6px; +} +.theme-card figure figcaption .theme-action .theme-action-btn.btn-customize { + color: #fff !important; + background-color: #3e62f5 !important; +} +.theme-card__footer { + border-top: 1px solid #eff1f6; + padding: 20px 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.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-color: #2c99ff; + border-radius: 50%; + left: 0; + top: 50%; + -webkit-transform: translateY(-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-color: #3e62f5 !important; + border-radius: 20px; + padding: 0 20px; +} + +.available-themes-wrapper .available-themes { + padding: 12px 30px 30px 30px; + margin: -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.available-themes-wrapper .available-themes .available-theme-card figure { + margin: 0; +} +.available-themes-wrapper .available-theme-card { + max-width: 400px; + background-color: #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; + -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + background-color: #fff !important; + font-weight: 500; + font-size: 14px; + margin: 8px 6px; +} +.available-themes-wrapper + figure + .theme-action + .theme-action-btn.theme-activate-btn { + background-color: #3e62f5 !important; + color: #fff !important; +} + +#directorist.atbd_wrapper .account-connect { + padding: 30px 50px; + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + width: 670px; + margin: 0 auto 30px; + text-align: center; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -12px -5px; +} +#directorist.atbd_wrapper .account-connect__form-group { + position: relative; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 12px 5px; +} +#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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +#directorist.atbd_wrapper .account-connect__form-btn { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 12px 5px; +} +#directorist.atbd_wrapper .account-connect__form-btn button { + position: relative; + display: block; + width: 100%; + border: 0 none; + background-color: #3e62f5; + height: 50px; + padding: 0 20px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + font-size: 15px; + font-weight: 500; + color: #fff; + cursor: pointer; +} +#directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +/* extension and themes column */ +.extension-theme-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: -25px; +} + +#directorist.atbd_wrapper .et-column { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 25px; +} +@media only screen and (max-width: 767px) { + #directorist.atbd_wrapper .et-column { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +#directorist.atbd_wrapper .et-column h2 { + font-size: 22px; + font-weight: 500; + color: #272b41; + margin-bottom: 25px; +} + +#directorist.atbd_wrapper .et-card { + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 15px; + margin-bottom: 20px; +} +@media only screen and (max-width: 1199px) { + #directorist.atbd_wrapper .et-card { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +#directorist.atbd_wrapper .et-card__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 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +#directorist.atbd_wrapper .et-card__details h3 { + margin-top: 0; + margin-bottom: 20px; + font-size: 20px; + font-weight: 500; + color: #272b41; +} +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; +} + +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.at-modal .atm-contents-inner .at-modal-close { + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: #fff; + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; +} + +.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; +} + +.directorist_builder-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + margin-left: -24px; + margin-top: -10px; + background-color: #fff; + padding: 0 24px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); +} +@media only screen and (max-width: 575px) { + .directorist_builder-header { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 20px 0; + } +} +@media only screen and (max-width: 575px) { + .directorist_builder-header .directorist_builder-header__left { + margin-bottom: 15px; + } +} +.directorist_builder-header .directorist_logo { + max-width: 108px; + max-height: 32px; +} +.directorist_builder-header .directorist_logo img { + width: 100%; + max-height: inherit; +} +.directorist_builder-header .directorist_builder-links { + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 18px; +} +.directorist_builder-header .directorist_builder-links li { + display: inline-block; + margin-bottom: 0; +} +.directorist_builder-header .directorist_builder-links a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 2px 5px; + padding: 17px 0; + text-decoration: none; + font-size: 13px; + color: #4d5761; + font-weight: 500; + line-height: 14px; +} +.directorist_builder-header .directorist_builder-links a .svg-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #747c89; +} +.directorist_builder-header .directorist_builder-links a:hover { + color: #3e62f5; +} +.directorist_builder-header .directorist_builder-links a:hover .svg-icon { + color: inherit; +} +@media only screen and (max-width: 575px) { + .directorist_builder-header .directorist_builder-links a { + padding: 6px 0; + } +} +.directorist_builder-header .directorist_builder-links a i { + font-size: 16px; +} + +.directorist_builder-body { + margin-top: 20px; +} +.directorist_builder-body .directorist_builder__title { + font-size: 26px; + line-height: 34px; + font-weight: 600; + margin: 0; + color: #2c3239; +} +.directorist_builder-body .directorist_builder__title .directorist_count { + color: #747c89; + font-weight: 500; + margin-left: 5px; +} + +.tabContentActive, +.pstContentActive, +.pstContentActive2, +.pstContentActive3 { + display: block !important; + -webkit-animation: showTab 0.6s ease; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #5441b9; + background: linear-gradient(45deg, #5441b9 1%, #b541d8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5441b9", endColorstr="#b541d8", GradientType=1); + padding: 20px; + border-radius: 14px; + margin-bottom: 30px; +} +@media only screen and (max-width: 767px) { + .directorist_membership-notice { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +@media only screen and (max-width: 475px) { + .directorist_membership-notice { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} +.directorist_membership-notice .directorist_membership-notice__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media only screen and (max-width: 1199px) { + .directorist_membership-notice .directorist_membership-notice__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +@media only screen and (max-width: 800px) { + .directorist_membership-notice .directorist_membership-notice__content { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} +@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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + } +} +.directorist_membership-notice .directorist_membership-notice__content 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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 20px; + font-weight: bold; + min-height: 47px; + line-height: 1.95; + padding: 0 15px; + border-radius: 6px; + color: #000000; + -webkit-transition: 0.3s; + transition: 0.3s; + background-color: #3af4c2; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge:hover { + background-color: #64d8b9; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 450px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 1; + width: 50%; + font-size: 16px; + font-weight: 500; + color: #fff; + margin: 8px 0; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #f8d633; + margin-right: 12px; +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + position: relative; + top: 1px; + font-size: 11px; + color: #000; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 18px; + font-weight: bold; + color: #000; + min-height: 52px; + border-radius: 8px; + padding: 0 34.45px; + background-color: #f8d633; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + border-radius: 50%; + background-color: #fff; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist_builder__content .directorist_btn.directorist_btn-success { + background-color: #08bf9c; +} +.directorist_builder__content .directorist_builder__content__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 20px; +} +.directorist_builder__content .directorist_builder__content__right { + width: 100%; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist-total-types { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 32px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block-wrapper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 16px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: none; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_new-directory { + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary-outline { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); + box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary-outline:hover { + color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-icon + i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; +} +@media only screen and (max-width: 1199px) { + .directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_btn-import + .directorist_link-icon { + border: 0 none; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table { + width: 100%; + text-align: left; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + border: 1px solid #e5e7eb; + border-radius: 12px; + white-space: nowrap; +} +@media only screen and (max-width: 1199px) { + .directorist_builder__content + .directorist_builder__content__right + .directorist_table { + display: inline-grid; + overflow-x: auto; + overflow-y: hidden; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header { + background: #f9fafb; + border-bottom: 1px solid #e5e7eb; + border-radius: 12px 12px 0 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.42px; + text-transform: uppercase; + color: #141921; + max-height: 56px; + min-height: 56px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 50px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div:not(:first-child) { + text-align: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div:last-child { + text-align: right; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + .directorist_listing-c-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; + padding: 24px; + background: #fff; + border-top: none; + border-radius: 0 0 12px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 16px; + font-weight: 500; + line-height: 18px; + color: #4d5761; + background: white; + border-radius: 12px; + border: 1px solid #e5e7eb; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 8px; + height: 100%; + background: #e5e7eb; + border-radius: 12px 0 0 12px; + z-index: 1; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover:before { + background: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div:not(:first-child) { + text-align: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div:last-child { + text-align: right; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag { + height: 72px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: unset !important; + -webkit-flex: unset !important; + -ms-flex: unset !important; + flex: unset !important; + padding: 0 6px 0 12px !important; + border-radius: 12px 0 0 12px; + cursor: -webkit-grabbing; + cursor: grabbing; + -webkit-transition: background 0.3s ease; + transition: background 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:before { + display: none; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:after { + bottom: -3px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:hover { + background: #f3f4f6; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title { + color: #141921; + font-weight: 600; + padding-left: 17px !important; + margin-left: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a { + color: inherit; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 4px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a:hover { + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #113997; + background: #d7e4ff; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border-radius: 4px; + padding: 0 8px; + margin: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_listing-id { + color: rgba(0, 8, 51, 0.6509803922); + font-size: 14px; + font-weight: 500; + line-height: 16px; + margin-top: 4px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-count { + color: #1974a8; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + border-radius: 4px; + background: transparent; + color: #3e63dd; + font-size: 12px; + font-weight: 600; + line-height: 16px; + height: 32px; + border: 1px solid rgba(0, 13, 77, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg { + width: 16px; + height: 16px; + color: #3e63dd; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg + path { + fill: #3e63dd; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover { + border-color: #113997; + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover + svg { + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover + svg + path { + fill: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border: 1px solid rgba(0, 13, 77, 0.2); + border-radius: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + width: 14px; + height: 14px; + color: #3e63dd; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active { + border-color: #3e63dd !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option { + right: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + -webkit-box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li:first-child:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li + > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +@media only screen and (max-width: 1199px) { + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + height: 32px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action + svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label { + padding-left: 29px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:after { + border-radius: 5px; + border-color: #d1d1d7; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 2px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:before { + font-size: 8px; + left: 5px; + top: 7px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"]:checked + + label:after { + border-color: #3e62f5; + background-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .atbd-listing-type-active-status { + margin-left: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging.drag-clone { + border: 1px solid #c0ccfc; + -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); + box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging:not(.drag-clone) { + background: #e5e7eb; + border: 1px dashed #a1a9b2; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging:not(.drag-clone) + * { + opacity: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over { + position: relative; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over:before { + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 3px; + width: 100%; + background: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over:after { + content: ""; + position: absolute; + top: -14px; + left: 0; + height: 10px; + width: 10px; + border-radius: 50%; + background: #3e62f5; +} + +/* Custom Tooltip */ +.directorist-row-tooltip[data-tooltip] { + position: relative; + cursor: pointer; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after { + text-transform: none; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::before { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::after { + left: -50px; + -webkit-transform: unset; + transform: unset; +} +.directorist-row-tooltip[data-tooltip]:before, +.directorist-row-tooltip[data-tooltip]:after { + line-height: normal; + font-size: 13px; + pointer-events: none; + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; + opacity: 0; +} +.directorist-row-tooltip[data-tooltip]:before { + content: ""; + z-index: 100; + top: 100%; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border: 5px solid transparent; + border-bottom: 5px solid #141921; +} +.directorist-row-tooltip[data-tooltip]:after { + content: attr(data-tooltip); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: normal; + left: 50%; + top: calc(100% + 10px); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.directorist-row-tooltip[data-tooltip]:hover:before, +.directorist-row-tooltip[data-tooltip]:hover:after { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + left: 50%; + -webkit-transform: translate(-50%, -4px); + transform: translate(-50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + left: 50%; + -webkit-transform: translate(-50%, 6px); + transform: translate(-50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { + top: 50%; + right: calc(100% + 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { + top: 50%; + left: calc(100% + 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; +} + +.directorist_listing-slug-text { + min-width: 120px; + display: inline-block; + max-width: 120px; + overflow: hidden; + white-space: nowrap; + padding: 5px 0; + border-bottom: 1px solid transparent; + margin-right: 10px; + text-transform: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_listing-slug-text:hover, +.directorist_listing-slug-text--editable { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 6px; + background: #f3f4f6; +} +.directorist_listing-slug-text:hover:focus, +.directorist_listing-slug-text--editable:focus { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: var(--spacing-md, 8px); + gap: var(--spacing-md, 8px); + border-radius: var(--radius-sm, 6px); + background: var(--Gray-100, #f3f4f6); + outline: 0; +} +@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, +.directorist-type-slug .directorist-count-notice { + margin: 6px 0 0; + text-transform: math-auto; +} +.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error, +.directorist-type-slug .directorist-count-notice.directorist-slug-notice-error { + color: #ef0000; +} +.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success, +.directorist-type-slug + .directorist-count-notice.directorist-slug-notice-success { + color: #00ac17; +} + +.directorist-type-slug-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + background-color: #fff; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + margin: 2px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.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-color: #08bf9c; + -webkit-box-shadow: none; + box-shadow: none; + display: none; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.active { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.disabled { + opacity: 0.5; + pointer-events: none; +} +.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + margin: 2px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: #ff006e; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + content: "\f00d"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-size: 15px; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove--hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: #5a5f7d; +} +.directorist_custom-checkbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 10px; + left: 6px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.directorist_custom-checkbox input[type="checkbox"] + label:after { + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 50%; + content: ""; + background-color: #fff; + border: 2px solid #c6d0dc; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:after { + background-color: #00b158; + border-color: #00b158; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; +} + +.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; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + vertical-align: top; +} +.cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; +} +.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 #d2d6db; + border-radius: 8px; + position: relative; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); +} +.directorist_dropdown.--open { + border-color: #4d5761; +} +.directorist_dropdown.--open .directorist_dropdown-toggle:before { + content: "\eb56"; +} +.directorist_dropdown .directorist_dropdown-toggle { + text-decoration: none; + color: #7a82a6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 10px 15px; + width: auto !important; + height: 100%; + position: relative; +} +.directorist_dropdown .directorist_dropdown-toggle:before { + content: "\f347"; + font: normal 12px/1 dashicons; +} +.directorist_dropdown + .directorist_dropdown-toggle + .directorist_dropdown-toggle__text { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; +} +.directorist_dropdown .directorist_dropdown-option { + display: none; + position: absolute; + width: 100%; + left: 0; + top: 44px; + padding: 15px; + background-color: #fff; + -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + border-radius: 5px; + z-index: 99999; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.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; + -webkit-animation: atbd_spin 2s linear infinite; + /* 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: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 40px; + width: 40px; + border-radius: 50% !important; + background-color: #fff !important; + padding: 0 !important; + color: #868eae !important; +} +.directorist_more-dropdown .directorist_more-dropdown-toggle:focus { + outline: none; + -webkit-box-shadow: 0 0; + 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; + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + border-radius: 6px; +} +.directorist_more-dropdown .directorist_more-dropdown-option.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px !important; + width: 100%; + padding: 0 16px !important; + margin: 0 !important; + line-height: 1.75 !important; + color: #5a5f7d !important; + background-color: #fff !important; +} +.directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus { + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist_more-dropdown .directorist_more-dropdown-option ul li a i { + font-size: 16px; + margin-right: 15px !important; + color: #c6d0dc; +} +.directorist_more-dropdown.default .directorist_more-dropdown-toggle { + opacity: 0.5; + pointer-events: none; +} + +@-webkit-keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px !important; + top: 5px !important; +} + +.directorist-form-group.directorist-faq-group { + margin-bottom: 30px; +} + +.directory_types-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; +} +.directory_types-wrapper .directory_type-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 8px; +} +.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-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + 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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-weight: 500; + font-size: 15px; + color: #fff; + background-color: #3e62f5; + margin-right: 10px; +} +.directorist__notice_new_action .directorist__notice_new__btn:hover { + color: #fff; +} + +.add_listing_form_wrapper#gallery_upload { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +.add_listing_form_wrapper#gallery_upload .listing-prv-img-container { + text-align: center; +} + +.directorist_select .select2.select2-container .select2-selection--single { + border: 1px solid #8c8f94; + min-height: 40px; +} +.directorist_select + .select2.select2-container + .select2-selection--single + .select2-selection__rendered { + height: auto; + line-height: 38px; + padding: 0 15px; +} +.directorist_select .select2.select2-container .select2-results__option i, +.directorist_select + .select2.select2-container + .select2-results__option + span.las, +.directorist_select + .select2.select2-container + .select2-results__option + span.lab, +.directorist_select .select2.select2-container .select2-results__option span.la, +.directorist_select + .select2.select2-container + .select2-results__option + span.fas, +.directorist_select + .select2.select2-container + .select2-results__option + span.fab, +.directorist_select + .select2.select2-container + .select2-results__option + span.far, +.directorist_select + .select2.select2-container + .select2-results__option + span.fa { + font-size: 16px; +} + +#style_settings__color_settings + .cptm-field-wraper-type-wp-media-picker + input[type="button"].cptm-btn { + display: none; +} + +.cptm-create-directory-modal .cptm-modal { + width: 100%; + max-width: 680px; + padding: 40px 36px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-create-directory-modal .cptm-create-directory-modal__header { + padding: 0; + margin: 0; + border: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + top: -28px; + right: -24px; + margin: 0; + padding: 0; + height: 32px; + width: 32px; + border-radius: 50%; + border: none; + color: #3c3c3c; + background-color: transparent; + cursor: pointer; + -webkit-transition: background-color 0.3s; + transition: background-color 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link + svg + path { + -webkit-transition: fill ease 0.3s; + transition: fill ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link:hover + svg + path { + fill: #9746ff; +} +.cptm-create-directory-modal .cptm-create-directory-modal__body { + padding-top: 36px; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice { + margin-top: 10px; + color: #f80718; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice.cptm-section-alert-success { + color: #28a800; +} +.cptm-create-directory-modal .cptm-create-directory-modal__title { + font-size: 20px; + line-height: 28px; + font-weight: 600; + color: #141921; + text-align: center; +} +.cptm-create-directory-modal .cptm-create-directory-modal__desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #4d5761; + text-align: center; + margin: 0; +} +.cptm-create-directory-modal .cptm-create-directory-modal__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 32px 24px; + background-color: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:hover, +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:focus { + background-color: #f0f3ff; + border-color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single.disabled { + opacity: 0.5; + pointer-events: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + height: 40px; + width: 40px; + min-height: 40px; + min-width: 40px; + border-radius: 50%; + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-template { + background-color: #ff5c16; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-scratch { + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-ai { + background-color: #9746ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-text { + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #4d5761; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge { + position: absolute; + top: 8px; + right: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 24px; + padding: 4px 8px; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge.modal-badge--new { + color: #3e62f5; + background-color: #c0ccfc; +} + +.directorist-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-flex-wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-align-center { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-justify-content-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-justify-content-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-justify-content-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.directorist-justify-content-start { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.directorist-justify-content-end { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: 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); + -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; +} + +.directorist-content-active .entry-content .directorist-search-contents { + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/* directorist module style */ +.directorist-content-module { + border: 1px solid var(--directorist-color-border); +} +.directorist-content-module__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 480px) { + .directorist-content-module__title { + padding: 20px; + } +} +.directorist-content-module__title h2 { + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; +} +.directorist-content-module__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); +} +@media (max-width: 480px) { + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; +} + +.directorist-content-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.atbd_success_mesage > p i { + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; +} + +.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; + -webkit-animation: atbd_spin 2s linear infinite; + 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-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; +} +.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, +.directorist-form-address-field .address_result { + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; +} +.directorist-address-field .address_result ul, +.directorist-form-address-field .address_result ul { + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; +} +.directorist-address-field .address_result li, +.directorist-form-address-field .address_result li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; +} +.directorist-address-field .address_result li a, +.directorist-form-address-field .address_result li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; +} +.directorist-address-field .address_result li a:hover, +.directorist-form-address-field .address_result li a:hover { + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; +} +.directorist-address-field .address_result li:last-child, +.directorist-form-address-field .address_result li:last-child { + border: none; +} +.directorist-address-field .address_result li:last-child a, +.directorist-form-address-field .address_result li:last-child 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) { + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } +} +.pac-container .pac-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; +} +.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: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); +} +.pac-container .pac-icon-marker:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.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 { + -webkit-box-sizing: border-box; + 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; +} + +.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); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; +} +.directorist-content-active .select2-container--default .select2-search__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; +} +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; +} +.directorist-content-active .select2-container--default .select2-results { + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +@media (max-width: 575px) { + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; +} + +.custom-checkbox input { + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); +} + +.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-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-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-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.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(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 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; +} + +.sweet-alert .sa-error-container.show { + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; +} + +.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 0.1s; + transition: all 0.1s; +} + +.sweet-alert .sa-input-error::before, +.sweet-alert .sa-input-error::after { + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; +} + +.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%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.sweet-alert input:focus { + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; +} + +.sweet-alert button:focus { + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); +} + +.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 { + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; +} + +.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; + -webkit-transition-delay: 0; + transition-delay: 0; +} + +.sweet-alert button::-moz-focus-inner { + border: 0; +} + +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + 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; + -webkit-box-sizing: content-box; + 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; + 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; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.sweet-alert .sa-icon.sa-success::before { + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; +} + +.sweet-alert .sa-icon.sa-success::after { + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; +} + +.sweet-alert .sa-icon.sa-success .sa-placeholder { + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; +} + +.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 0.3s; + animation: showSweetAlert 0.3s; +} + +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; +} + +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; +} + +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; +} + +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; +} + +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; +} + +@-webkit-keyframes animateSuccessTip { + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } +} +@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 0.75s; + animation: animateSuccessTip 0.75s; +} + +.animateSuccessLong { + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; +} + +.sa-icon.sa-success.animate::after { + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; +} + +@-webkit-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 0.5s; + animation: animateErrorIcon 0.5s; +} + +@-webkit-keyframes animateXMark { + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } +} +@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 0.5s; + animation: animateXMark 0.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 0.75s infinite alternate; + animation: pulseWarning 0.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 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; +} + +@-webkit-keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + 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; + 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; + animation: ball-fall 1s ease-in-out infinite; +} + +.la-ball-fall > div:nth-child(1) { + -webkit-animation-delay: -200ms; + animation-delay: -200ms; +} + +.la-ball-fall > div:nth-child(2) { + -webkit-animation-delay: -100ms; + animation-delay: -100ms; +} + +.la-ball-fall > div:nth-child(3) { + -webkit-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: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@keyframes ball-fall { + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +.directorist-add-listing-types { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-add-listing-types__single { + margin-bottom: 15px; +} +.directorist-add-listing-types__single__link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ +} +.directorist-add-listing-types__single__link .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; +} +.directorist-add-listing-types__single__link .directorist-icon-mask:after { + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover .directorist-icon-mask { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { + display: inline-block; + margin-bottom: 10px; +} + +.directorist-add-listing-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.directorist-add-listing-form .directorist-content-module { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-form .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-form .directorist-alert-required { + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; +} +.directorist-add-listing-form__privacy a { + color: var(--directorist-color-info); +} + +.directorist-add-listing-form .directorist-content-module, +#directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 35px; + border-radius: 12px; + /* social info */ +} +@media (max-width: 991px) { + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } +} +.directorist-add-listing-form .directorist-content-module__title, +#directiost-listing-fields_wrapper .directorist-content-module__title { + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-add-listing-form .directorist-content-module__title i, +#directiost-listing-fields_wrapper .directorist-content-module__title i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; +} +.directorist-add-listing-form .directorist-content-module__title i:after, +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +@media screen and (max-width: 480px) { + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} + +#directiost-listing-fields_wrapper .directorist-content-module { + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title { + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; +} +@media (max-width: 991px) { + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; +} + +/* ========================== + 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-form-label, +.directorist-custom-field-checkbox > .directorist-form-label, +.directorist-form-social-info-field > .directorist-form-label, +.directorist-form-image-upload-field > .directorist-form-label, +.directorist-custom-field-file-upload > .directorist-form-label, +.directorist-form-pricing-field.price-type-both > .directorist-form-label { + margin-bottom: 18px; +} + +/* listing type */ +.directorist-form-listing-type { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media (max-width: 767px) { + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-form-listing-type .directorist-form-label { + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; +} +.directorist-form-listing-type__single { + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; +} +.directorist-form-listing-type__single.directorist-radio { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} + +/* Pricing */ +.directorist-form-pricing-field__options { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-map-coordinates .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; +} +.directorist-map-coordinates__generate { + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; +} + +.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: 12px; +} +.directorist-form-map-field__maps #gmap #gmap_full_screen_button, +.directorist-form-map-field__maps #gmap .gm-fullscreen-control { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; +} +.directorist-form-map-field .map_drag_info { + display: none; +} +.directorist-form-map-field .atbd_map_shape { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; +} +.directorist-form-map-field .atbd_map_shape:before { + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; +} +.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field .atbd_map_shape: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; +} +.directorist-form-image-upload-field .ez-media-uploader.ezmu--show { + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; +} +.directorist-form-image-upload-field .ezmu__info-list-item:empty { + display: none; +} + +.directorist-add-listing-wrapper { + max-width: 1000px !important; + margin: 0 auto; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { + position: relative; + height: 100px; + width: 100%; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; +} +.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { + font-size: 20px; + font-weight: 500; + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__btn { + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .ezmu__info-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); +} + +.directorist-add-listing-form { + /* form action */ +} +.directorist-add-listing-form__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form__action .directorist-form-submit { + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; +} +.directorist-add-listing-form__action label { + line-height: 1.25; + margin-bottom: 0; +} +.directorist-add-listing-form__action #listing_notifier { + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); +} +.directorist-add-listing-form__action #listing_notifier:empty { + display: none; +} +.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 { + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } +} +.directorist-add-listing-form__action .directorist-form-group 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-group #guest_user_email, +.directorist-add-listing-form__action .directorist-checkbox #guest_user_email { + margin: 0 0 10px; +} +.directorist-add-listing-form__action .directorist-form-required { + padding-left: 5px; +} +.directorist-add-listing-form__publish { + padding: 100px 20px; + margin-bottom: 0; + text-align: center; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__publish { + padding: 70px 20px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish { + padding: 50px 20px; + } +} +.directorist-add-listing-form__publish__icon i { + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } +} +.directorist-add-listing-form__publish__icon i:after { + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } +} +.directorist-add-listing-form__publish__title { + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__title { + font-size: 22px; + } +} +.directorist-add-listing-form__publish__subtitle { + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-add-listing-form .directorist-form-group textarea { + padding: 10px 0; + background: transparent; +} +.directorist-add-listing-form .atbd_map_shape { + width: 50px; + height: 50px; +} +.directorist-add-listing-form .atbd_map_shape:before { + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); +} +.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { + width: 16px; + height: 16px; +} + +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +#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: var(--directorist-color-white); +} + +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; +} + +.directorist-custom-field-radio, +.directorist-custom-field-checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-custom-field-radio .directorist-form-label, +.directorist-custom-field-radio .directorist-form-description, +.directorist-custom-field-radio .directorist-custom-field-btn-more, +.directorist-custom-field-checkbox .directorist-form-label, +.directorist-custom-field-checkbox .directorist-form-description, +.directorist-custom-field-checkbox .directorist-custom-field-btn-more { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-custom-field-radio .directorist-checkbox, +.directorist-custom-field-radio .directorist-radio, +.directorist-custom-field-checkbox .directorist-checkbox, +.directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +@media only screen and (max-width: 767px) { + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-custom-field-radio .directorist-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 { + content: ""; + display: inline-block; + margin-left: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); +} +.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; +} + +.multistep-wizard { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; +} +@media only screen and (max-width: 991px) { + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.multistep-wizard__nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; +} +.multistep-wizard__nav.sticky { + position: fixed; + top: 0; +} +.multistep-wizard__nav__btn { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav__btn { + width: 100%; + } +} +.multistep-wizard__nav__btn i { + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; +} +.multistep-wizard__nav__btn i:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.multistep-wizard__nav__btn:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; +} +.multistep-wizard__nav__btn:focus { + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus:before { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus i::after { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed { + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; +} +.multistep-wizard__nav__btn.completed i::after { + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav { + display: none; + } +} +.multistep-wizard__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.multistep-wizard__single { + border-radius: 12px; + background-color: var(--directorist-color-white); +} +.multistep-wizard__single label { + display: block; +} +.multistep-wizard__single span.required { + color: var(--directorist-color-danger); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +.multistep-wizard__progressbar { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; +} +.multistep-wizard__progressbar:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.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: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.multistep-wizard__bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.multistep-wizard__btn { + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); +} +.multistep-wizard__btn.directorist-btn { + color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn i:after { + background-color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); +} +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; +} +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); +} +.multistep-wizard__btn i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn--save-preview { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.multistep-wizard__count { + font-size: 15px; + font-weight: 500; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } +} +.multistep-wizard .default-add-listing-bottom { + display: none; +} +.multistep-wizard.default-add-listing .multistep-wizard__single { + display: block !important; +} +.multistep-wizard.default-add-listing .multistep-wizard__bottom, +.multistep-wizard.default-add-listing .multistep-wizard__progressbar { + display: none !important; +} +.multistep-wizard.default-add-listing .default-add-listing-bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; +} + +.logged-in .multistep-wizard__nav.sticky { + top: 32px; +} + +@-webkit-keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +#directorist_submit_privacy_policy { + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; +} +#directorist_submit_privacy_policy::after { + display: none; +} + +.upload-error { + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; +} + +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; +} + +.plupload-upload-uic { + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); +} +.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); +} +@media (max-width: 575px) { + .plupload-upload-uic { + width: 100%; + height: 200px; + } +} + +.plupload-thumbs { + clear: both; + overflow: hidden; +} + +.plupload-thumbs .thumb { + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; +} +.plupload-thumbs .thumb img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; +} +.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { + opacity: 1; + visibility: visible; +} +@media (max-width: 575px) { + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } +} +.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-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.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: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 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; + -ms-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 { + -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 { + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; +} + +.leaflet-tile-loaded { + visibility: inherit; +} + +.leaflet-zoom-box { + width: 0; + height: 0; + -webkit-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; + transition: opacity 0.2s linear; +} + +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} + +.leaflet-zoom-animated { + -webkit-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); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} + +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + transition: none; +} + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} + +/* cursors */ +.leaflet-interactive { + cursor: pointer; +} + +.leaflet-grab { + cursor: -webkit-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: 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, +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; +} + +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; +} + +.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-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 */ +/* 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; + -webkit-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 { + -webkit-box-shadow: none; + box-shadow: none; +} + +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; +} + +/* 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); + transform: rotate(45deg); +} + +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); +} + +.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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + 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); +} + +.directorist-content-active #map { + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; +} +.directorist-content-active #gmap_full_screen_button { + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; +} +.directorist-content-active #gmap_full_screen_button i::after { + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); +} +.directorist-content-active #gmap_full_screen_button .fullscreen-disable { + display: none; +} +.directorist-content-active #progress { + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; +} +.directorist-content-active #progress-bar { + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; +} +.directorist-content-active .gm-fullscreen-control { + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; +} +.directorist-content-active .gmnoprint { + border-radius: 5px; +} +.directorist-content-active .gm-style-cc, +.directorist-content-active .gm-style-mtc-bbw, +.directorist-content-active button.gm-svpc { + display: none; +} +.directorist-content-active .italic { + font-style: italic; +} +.directorist-content-active .buttonsTable { + border: 1px solid grey; + border-collapse: collapse; +} +.directorist-content-active .buttonsTable td, +.directorist-content-active .buttonsTable th { + padding: 8px; + border: 1px solid grey; +} +.directorist-content-active .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; + width: 100%; +} +.directorist-form-group textarea, +.directorist-form-group textarea.directorist-form-element { + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; +} +.directorist-form-group__with-prefix { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; +} +.directorist-form-group__with-prefix:focus-within { + border-bottom: 2px solid var(--directorist-color-dark); +} +.directorist-form-group__with-prefix .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; +} +.directorist-form-group__with-prefix .directorist-single-info__value { + font-size: 14px; + font-weight: 500; + margin: 0 !important; +} +.directorist-form-group__prefix { + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; +} +.directorist-form-group__prefix--start { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; +} +.directorist-form-group__prefix--end { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} + +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; +} + +.directorist-form-group label { + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-form-group .directorist-form-element { + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-form-group .directorist-form-element:focus { + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-form-group .directorist-form-description { + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); +} + +.directorist-form-element.directorist-form-element-lg { + height: 50px; +} +.directorist-form-element.directorist-form-element-lg__prefix { + height: 50px; + line-height: 50px; +} +.directorist-form-element.directorist-form-element-sm { + height: 30px; +} +.directorist-form-element.directorist-form-element-sm__prefix { + height: 30px; + line-height: 30px; +} + +.directorist-form-group.directorist-icon-left .directorist-input-icon { + left: 0; +} +.directorist-form-group.directorist-icon-left .location-name { + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-form-group.directorist-icon-right .location-name { + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group .directorist-input-icon { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.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); +} +@media screen and (max-width: 575px) { + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } +} + +.directorist-label { + margin-bottom: 0; +} + +input.directorist-toggle-input { + display: none; +} + +.directorist-toggle-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +span.directorist-toggle-input-label-text { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-right: 10px; +} + +span.directorist-toggle-input-label-icon { + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +span.directorist-toggle-input-label-icon::after { + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-flex-space-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-flex-grow-1 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.directorist-tab-navigation { + padding: 0; + margin: 0 -10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-tab-navigation-list-item { + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); +} +.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); + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; +} + +.directorist-tab-navigation-list-item-link { + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} +.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); + -webkit-transform: translate(-50%, 0); + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* Directorist button styles */ +.directorist-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; +} +.directorist-btn .directorist-icon-mask:after { + background-color: currentColor; + width: 16px; + height: 16px; +} +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; +} +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +} + +.directorist-btn.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); +} +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); +} +.directorist-btn.directorist-btn-secondary { + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); +} +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); +} +.directorist-btn.directorist-btn-dark { + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-dark:hover { + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); +} +.directorist-btn.directorist-btn-success { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-success:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-info { + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-info:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-lighter { + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-warning { + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-warning:hover { + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); +} +.directorist-btn.directorist-btn-danger { + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-danger:hover { + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); +} +.directorist-btn.directorist-btn-bg-normal { + background: #f9f9f9; +} +.directorist-btn.directorist-btn-loading { + position: relative; + font-size: 0; + pointer-events: none; +} +.directorist-btn.directorist-btn-loading:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; +} +.directorist-btn.directorist-btn-loading:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; +} +.directorist-btn.directorist-btn-disabled { + pointer-events: none; + opacity: 0.75; +} + +.directorist-btn.directorist-btn-outline { + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); +} +.directorist-btn.directorist-btn-outline-normal { + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); +} +.directorist-btn.directorist-btn-outline-light { + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-secondary { + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-success { + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-info { + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-warning { + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-danger { + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-dark { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); +} + +.directorist-btn.directorist-btn-lg { + min-height: 50px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +@-webkit-keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} + +@keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} +/* 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; +} + +.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__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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; +} +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + 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(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; +} +.directorist-search-modal__contents { + position: fixed; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; +} +@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: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } +} +.directorist-search-modal__contents__body .directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn { + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-modal__contents__body .directorist-search-form-dropdown { + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-modal__contents__body .wp-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.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__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; +} +.directorist-search-modal__contents__btn i::after { + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); +} +.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 + .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%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; +} +@media only screen and (max-width: 575px) { + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } +} +.directorist-search-modal--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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } +} +@media screen and (max-width: 575px) and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } +} +.directorist-search-modal--basic .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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal--basic .directorist-search-field-pricing > label, +.directorist-search-modal--basic .directorist-search-field__number > label, +.directorist-search-modal--basic .directorist-search-field-text_range > label, +.directorist-search-modal--basic .directorist-search-field-price_range > label, +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; +} +.directorist-search-modal--full .directorist-search-field { + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; +} +.directorist-search-modal--full .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal--full .directorist-search-field-pricing > label, +.directorist-search-modal--full .directorist-search-field-text_range > label, +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; +} +.directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input .directorist-select { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input__btn .directorist-icon-mask::after { + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal .directorist-checkbox-wrapper, +.directorist-search-modal .directorist-radio-wrapper, +.directorist-search-modal .directorist-search-tags { + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 575px) { + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} + +.directorist-content-active.directorist-overlay-active { + overflow: hidden; +} +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; +} + +/* Responsive CSS */ +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) and (max-width: 1199.98px) { + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } +} +/* 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 { + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; +} + +/* Alerts style */ +.directorist-alert { + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-alert .directorist-icon-mask { + margin-right: 5px; +} +.directorist-alert > a { + padding-left: 5px; +} +.directorist-alert__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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-color: #dcebfe; + color: #157cf6; +} +.directorist-alert.directorist-alert-info .directorist-alert__close { + color: #157cf6; +} +.directorist-alert.directorist-alert-warning { + background-color: #fee9d9; + color: #f56e00; +} +.directorist-alert.directorist-alert-warning .directorist-alert__close { + color: #f56e00; +} +.directorist-alert.directorist-alert-danger { + background-color: #fcd9d9; + color: #e80000; +} +.directorist-alert.directorist-alert-danger .directorist-alert__close { + color: #e80000; +} +.directorist-alert.directorist-alert-success { + background-color: #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); +} +.alert-danger.directorist-register-error { + background: #fcd9d9; + color: #e80000; + border-radius: 3px; +} +.alert-danger.directorist-register-error .directorist-alert__close { + color: #e80000; +} + +/* Add listing notice alert */ +.directorist-single-listing-notice .directorist-alert__content { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; +} +.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 { + -webkit-box-sizing: border-box; + 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: var(--directorist-color-white); + 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; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.directorist-badge .directorist-badge-tooltip__featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-badge .directorist-badge-tooltip__new { + background-color: var(--directorist-color-new-badge); +} +.directorist-badge .directorist-badge-tooltip__popular { + background-color: var(--directorist-color-popular-badge); +} +@media screen and (max-width: 480px) { + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } +} +.directorist-badge:hover .directorist-badge-tooltip { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox, +.directorist-radio { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; +} +@media only screen and (max-width: 575px) { + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; +} + +.directorist-checkbox-rating { + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-checkbox-rating .directorist-icon-mask:after { + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; +} +.directorist-radio.directorist-radio-theme-admin .directorist-radio__label { + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; +} + +.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 { + -webkit-transform: translateX(20px); + transform: translateX(20px); +} +.directorist-switch .directorist-switch-label { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); +} +.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: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); +} + +.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; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; +} + +.directorist-select2-addon { + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-select2-dropdown-toggle { + height: auto; + width: 25px; +} + +.directorist-select2-dropdown-close { + height: auto; + 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-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-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-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.directorist-w-100 { + width: 100% !important; + max-width: 100% !important; +} + +.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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; +} + +.directorist-droppable-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.directorist-droppable-item-preview { + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 0; + border-radius: 4px; +} + +.directorist-droppable-item-preview-before { + margin-bottom: 20px; +} + +.directorist-droppable-item-preview-after { + margin-bottom: 20px; +} + +/* Create Directory Type */ +.directorist-directory-type-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; +} +.directorist-directory-type-top:before { + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + left: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .directorist-directory-type-top { + padding: 10px 30px; + } +} +.directorist-directory-type-top-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 767px) { + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-directory-type-top-left .cptm-form-group { + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; +} +.directorist-directory-type-top-left .cptm-form-group .cptm-form-control { + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; +} +.directorist-directory-type-top-left .directorist-back-directory { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-directory-type-top-left .directorist-back-directory svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-directory-type-top-left .directorist-back-directory:hover { + color: #3e62f5; +} +.directorist-directory-type-top-right .directorist-create-directory { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-directory-type-top-right .directorist-create-directory:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist-directory-type-top-right .cptm-btn { + margin: 0; +} + +.directorist-type-name { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; +} +.directorist-type-name span { + font-size: 20px; + color: #747c89; +} + +.directorist-type-name-editable { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-type-name-editable span { + font-size: 20px; + color: #747c89; +} +.directorist-type-name-editable span:hover { + color: #3e62f5; +} + +.directorist-directory-type-bottom { + position: fixed; + bottom: 0; + right: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } +} +.directorist-directory-type-bottom .cptm-header-navigation { + position: fixed; + right: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 1024px) { + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } +} +.directorist-directory-type-bottom .atbdp-cptm-body { + position: relative; + margin-top: 72px; +} +@media only screen and (max-width: 600px) { + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } +} + +.wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } +} +.wp-admin.folded .directorist-directory-type-bottom { + width: calc(100% - 80px); +} +.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } +} + +.directorist-draggable-form-list-wrap { + margin-right: 50px; +} + +/* Body Header */ +.directorist-form-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; +} +.directorist-form-action__modal-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; +} +.directorist-form-action__modal-btn svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__modal-btn:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__link { + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; +} +.directorist-form-action__view { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; +} +.directorist-form-action__view svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__view:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__view:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-note { + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.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 { + position: relative; + display: block; + color: #23282d; +} +.atbdp-cpt-manager.directorist-overlay-visible { + position: fixed; + z-index: 9; + width: calc(100% - 200px); +} +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; +} +.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { + z-index: 11; +} + +.atbdp-cptm-header { + display: block; +} +.atbdp-cptm-header .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 .atbdp-cptm-footer-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { + font-size: 12px; + font-weight: 400; + color: #747c89; +} + +.atbdp-cptm-footer-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.atbdp-cptm-footer-actions .cptm-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; +} +.atbdp-cptm-footer-actions .cptm-save-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-title-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; +} + +.cptm-card-preview-widget .cptm-title-bar { + margin: 0; +} + +.cptm-title-bar-headings { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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; + -webkit-transition: all ease-in-out 300ms; + 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; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; +} +.cptm-btn.cptm-btn-secondery:hover { + color: #fff; + background-color: #3e62f5; +} + +.cptm-file-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-file-input-wrap .cptm-btn { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-btn-box { + display: block; +} + +.cptm-form-builder-group-field-drop-area { + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-field-drop-area:first-child { + margin-top: 0; +} +.cptm-form-builder-group-field-drop-area.drag-enter { + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; +} + +.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); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; +} +@media screen and (max-width: 960px) { + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } +} +@media screen and (max-width: 782px) { + .atbdp-cptm-status-feedback { + left: 50%; + } +} + +.cptm-alert { + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-alert: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; +} +.cptm-alert-success:before { + content: "\f058"; + color: #14b570; +} + +.cptm-alert-error { + background-color: #f3d6d6; + border: 1px solid #c51616; +} +.cptm-alert-error:before { + content: "\f057"; + color: #c51616; +} + +.cptm-dropable-element { + position: relative; +} + +.cptm-dropable-base-element { + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; +} + +.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; + -webkit-transition: all ease-in-out 200ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 480px) { + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-header-nav__list-item { + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; +} +@media (max-width: 480px) { + .cptm-header-nav__list-item { + width: 100%; + } +} + +.cptm-header-nav__list-item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; +} +@media only screen and (max-width: 480px) { + .cptm-header-nav__list-item-link { + padding: 16px 0; + } +} +.cptm-header-nav__list-item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; +} +.cptm-header-nav__list-item-link .cptm-header-nav__icon { + font-size: 24px; +} +.cptm-header-nav__list-item-link.active { + font-weight: 600; +} +.cptm-header-nav__list-item-link.active:before { + background-color: #3e62f5; +} +.cptm-header-nav__list-item-link.active .cptm-header-nav__icon, +.cptm-header-nav__list-item-link.active .cptm-header-nav__label { + color: #3e62f5; +} + +.cptm-header-nav__icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-header-nav__icon svg { + width: 24px; + height: 24px; +} + +.cptm-header-nav__label { + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; +} + +.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; +} +.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: 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 { + width: 100%; + display: block; + background-color: #fff; +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 92px; +} +@media only screen and (max-width: 782px) { + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; +} + +.atbdp-cptm-tab-item { + display: none; +} +.atbdp-cptm-tab-item.active { + display: block; +} + +.cptm-tab-content-header { + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header { + margin-top: 0; + } +} +.cptm-tab-content-header .cptm-tab-content-header__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + right: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; +} +@media only screen and (max-width: 991px) { + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 25px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 0; + } +} + +.cptm-tab-content-body { + display: block; +} + +.cptm-tab-content { + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-tab-content.tab-wide { + max-width: 1080px; +} +.cptm-tab-content.tab-short-wide { + max-width: 600px; +} +.cptm-tab-content.tab-full-width { + max-width: 100%; +} +.cptm-tab-content.cptm-tab-content-general { + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; +} +@media only screen and (max-width: 960px) { + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } +} +.cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { + margin-bottom: 50px; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.cptm-col-5 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-6 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-7 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-section { + position: relative; + z-index: 10; +} +.cptm-section.cptm-section--disabled .cptm-builder-section { + opacity: 0.6; + pointer-events: none; +} +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-section.single_listing_header { + border-top: 1px solid #e5e7eb; +} +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + right: 0; + top: 0; + margin: 0; +} +.cptm-section.preview_mode { + position: absolute; + right: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.preview_mode:before { + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; +} +@media only screen and (min-width: 1441px) { + .cptm-section.preview_mode { + width: calc(65% - 49px); + } +} +@media only screen and (max-width: 1024px) { + .cptm-section.preview_mode { + width: calc(100% - 49px); + } +} +@media only screen and (max-width: 480px) { + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } +} +.cptm-section.preview_mode .cptm-title-area { + display: none; +} +.cptm-section.preview_mode .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.cptm-section.preview_mode .directorist-footer-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; +} +@media only screen and (max-width: 575px) { + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + font-size: 16px; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 26px 8px 40px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + left: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-section.listings_card_list_view .cptm-card-top-area { + max-width: unset; +} +.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { + border-radius: 10px; +} +.cptm-section.new_listing_status { + z-index: 11; +} +.cptm-section:last-child { + margin-bottom: 0; +} + +.cptm-form-builder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media only screen and (max-width: 1024px) { + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } +} +.cptm-form-builder.submission_form_fields .cptm-form-builder-content { + border-bottom: 25px solid #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} +.cptm-form-builder.single_listings_contents { + border-top: 1px solid #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} + +.cptm-form-builder-sidebar { + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (min-width: 1441px) { + .cptm-form-builder-sidebar { + max-width: 35%; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-action { + padding-bottom: 0; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-content { + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-left: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-action { + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-active-fields { + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); +} +@media only screen and (max-width: 1399px) { + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } +} + +.cptm-form-builder-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; +} + +.cptm-form-builder-action-title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; +} + +.cptm-form-builder-action-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-preset-fields:not(:last-child) { + margin-bottom: 40px; +} + +.cptm-form-builder-preset-fields-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; +} +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; +} +.cptm-form-builder-preset-fields-header-action-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-preset-fields-header-action-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; +} + +.cptm-form-builder-preset-fields-header-action-link { + color: #747c89; +} + +.cptm-title-3 { + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; +} + +.cptm-description-text { + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; +} + +.cptm-form-builder-active-fields { + display: block; + height: 100%; +} +.cptm-form-builder-active-fields.empty-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; +} +.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { + height: auto; + z-index: auto; +} +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; +} +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; +} +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; +} + +.cptm-form-builder-active-fields-container { + position: relative; + margin: 0; + z-index: 1; +} + +.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 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-active-fields-footer .cptm-btn span { + font-size: 16px; +} + +.cptm-form-builder-active-fields-group { + position: relative; + margin-bottom: 6px; + padding-bottom: 0; +} + +.cptm-form-builder-group-header-section { + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + right: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + right: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; +} + +.cptm-form-builder-group-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} + +.cptm-form-builder-group-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; +} + +.cptm-form-builder-group-header-content__dropable-wrapper { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-no-wrap { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + 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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} + +.cptm-form-builder-group-header-content__dropable-placeholder { + margin-right: 15px; +} + +.cptm-form-builder-header-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} + +.cptm-form-builder-group-actions-dropdown-content.expanded { + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; +} + +.cptm-form-builder-group-actions { + display: block; + min-width: 34px; + margin-left: 15px; +} + +.cptm-form-builder-group-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title { + font-size: 13px; + } +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label { + cursor: text; +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { + height: 40px; + padding: 4px 50px 4px 6px; + border-radius: 2px; + border: 1px solid #3e62f5; +} +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +} + +.cptm-form-builder-group-title-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-group-options { + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-options .directorist-form-fields-advanced { + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; +} +.cptm-form-builder-group-options .directorist-form-fields-advanced:hover { + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; +} + +.cptm-form-builder-group-fields { + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} + +.icon-picker-selector { + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); +} +.icon-picker-selector .icon-picker-selector__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; +} +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; +} +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; +} +.icon-picker-selector .icon-picker-selector__icon input { + height: 32px; + border: none !important; + padding-left: 0 !important; +} +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; +} +.icon-picker-selector .icon-picker-selector__btn { + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.icon-picker-selector .icon-picker-selector__btn:hover { + background-color: #e3e6e9; +} + +.cptm-restricted-area { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); +} + +.cptm-form-builder-group-field-item { + margin-bottom: 8px; + position: relative; +} +.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 6px 0 0 6px; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 0 6px 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; +} + +.cptm-form-builder-group-field-item-actions { + display: block; + position: absolute; + right: -15px; + -webkit-transform: translate(34px, 7px); + transform: translate(34px, 7px); +} + +.cptm-form-builder-group-field-item-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.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-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } +} +.cptm-form-builder-header-action-link.disabled { + color: #a1a9b2; + pointer-events: none; +} + +.cptm-form-builder-header-toggle-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } +} +.cptm-form-builder-header-toggle-link.action-collapse-down { + color: #3e62f5; +} +.cptm-form-builder-header-toggle-link.disabled { + opacity: 0.5; + pointer-events: none; +} + +.action-collapse-up span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); +} + +.action-collapse-down span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.cptm-form-builder-group-field-item-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-group-field-item-body { + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; +} + +.cptm-form-builder-group-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-field-list { + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-builder-field-list .directorist-draggable-list-item { + position: unset; +} + +.cptm-form-builder-field-list-item { + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-form-builder-field-list-item:hover { + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); +} +.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% - 6px); + } +} + +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; +} + +.cptm-form-builder-field-list-item { + position: relative; +} +.cptm-form-builder-field-list-item > pre { + position: absolute; + top: 3px; + right: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; +} + +.cptm-form-builder-field-list-icon { + display: inline-block; + margin-right: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; +} + +.cptm-form-builder-field-list-item-icon { + font-size: 14px; + margin-right: 1px; +} + +.cptm-form-builder-field-list-label, +.cptm-form-builder-field-list-item-label { + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; +} + +.cptm-option-card--draggable .cptm-form-builder-field-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-left: 25px; +} + +.cptm-info-text-area { + margin-bottom: 10px; +} + +.cptm-info-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; +} + +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; +} +.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%; + -webkit-transition: all ease-in-out 300ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: 20px; +} + +.cptm-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-tab-area .cptm-tab-item input { + display: none; +} +.cptm-tab-area .cptm-tab-item input:checked + label { + color: #fff; + background-color: #3e62f5; +} +.cptm-tab-area .cptm-tab-item label { + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-tab-area .cptm-tab-item label:hover { + color: #fff; + background-color: #3e62f5; +} + +@media screen and (max-width: 782px) { + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } +} + +.cptm-schema-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; +} +.cptm-schema-tab-label { + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; +} +.cptm-schema-tab-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; +} +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; +} +.cptm-schema-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item { + width: 100%; + } +} +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } +} +.cptm-schema-tab-item.active { + border-color: #3e62f5 !important; + background-color: #f0f3ff; +} +.cptm-schema-tab-item.active .cptm-schema-label-wrapper { + color: #3e62f5 !important; +} +.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-schema-label-wrapper { + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-schema .cptm-schema-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.cptm-schema-label-badge { + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; +} +.cptm-schema-label-description { + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; +} + +#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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-range-wrap .cptm-form-range-bar { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; +} +.cptm-thumbnail img { + display: block; + width: 100%; + height: auto; +} + +.cptm-thumbnail-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-thumbnail-placeholder-icon { + font-size: 40px; + color: #d2d6db; +} +.cptm-thumbnail-placeholder-icon 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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.cptm-sub-navigation { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-sub-navigation { + padding: 10px; + } +} + +.cptm-sub-nav__item { + list-style: none; + margin: 0; +} + +.cptm-sub-nav__item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { + padding: 0 10px; + margin-right: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 0 4px 4px 0; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { + background: #f9f9f9; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { + width: 24px; + height: 24px; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link.active { + color: #141921; + background: #ffffff; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link:hover:not(.active) { + color: #141921; + background: #ffffff; +} + +.cptm-builder-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +@media only screen and (max-width: 1199px) { + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-options-area { + width: 320px; + margin: 0; +} + +.cptm-option-card { + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; +} +.cptm-option-card:before { + content: ""; + border-bottom: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + top: -6px; + right: 22px; +} +.cptm-option-card.cptm-animation-flip { + -webkit-transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); +} +.cptm-option-card.cptm-animation-slide-up { + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); +} +.cptm-option-card.active { + display: block; + opacity: 1; + pointer-events: all; +} +.cptm-option-card.active.cptm-animation-flip { + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); +} +.cptm-option-card.active.cptm-animation-slide-up { + -webkit-transform: translate(0, 0); + 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: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-header-action-link:hover { + color: #1890ff; +} + +.cptm-option-card-header { + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; +} + +.cptm-option-card-header-title-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-title { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; +} + +.cptm-header-action-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 0 0 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-nav-section { + display: block; +} + +.cptm-option-card-header-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-header-nav-item { + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card-header-nav-item.active { + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-body { + padding: 16px; + max-height: 500px; + overflow-y: auto; +} +.cptm-option-card-body .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-option-card-body .cptm-form-group label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; +} +.cptm-option-card-body .cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-option-card-body .directorist-type-icon-select { + margin-bottom: 20px; +} +.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.cptm-widget-actions, +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translate(-50%, 3px); + transform: translate(-50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; +} + +.cptm-widget-actions-wrap { + position: relative; + width: 100%; +} + +.cptm-widget-action-modal-container { + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, 20px); + transform: translate(-50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; +} +.cptm-widget-action-modal-container.active { + pointer-events: all; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +@media only screen and (max-width: 480px) { + .cptm-widget-action-modal-container { + max-width: 250px; + } +} + +.cptm-widget-insert-modal-container .cptm-option-card:before { + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} + +.cptm-widget-option-modal-container .cptm-option-card:before { + right: unset; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-option-modal-container .cptm-option-card { + margin: 0; +} +.cptm-widget-option-modal-container .cptm-option-card-header { + background-color: #fff; + border: 1px solid #e5e7eb; +} +.cptm-widget-option-modal-container .cptm-header-action-link { + color: #2c3239; +} +.cptm-widget-option-modal-container .cptm-header-action-link:hover { + color: #1890ff; +} +.cptm-widget-option-modal-container .cptm-option-card-body { + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-widget-option-modal-container .cptm-option-card-header-title-section, +.cptm-widget-option-modal-container .cptm-option-card-header-title { + color: #2c3239; +} + +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-widget-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-action-link:focus { + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; +} +.cptm-widget-action-link:hover { + background-color: #3e62f5; + color: #fff; +} +.cptm-widget-action-link:hover svg path { + fill: #fff; +} + +.cptm-widget-card-drop-prepend { + border-radius: 8px; +} + +.cptm-widget-card-drop-append { + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; +} +.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-wrap.cptm-widget-card-disabled { + opacity: 0.3; + pointer-events: none; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; +} +.cptm-widget-card-wrap .cptm-widget-card-disabled-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap { + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { + position: absolute; + right: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; +} + +.cptm-widget-card-inline-wrap { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.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-widget-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-widget-badge .cptm-widget-badge-icon, +.cptm-widget-badge .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-widget-badge .cptm-widget-badge-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; +} +.cptm-widget-badge .cptm-widget-badge-label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: left; +} +.cptm-widget-badge .cptm-widget-badge-trash { + margin-left: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; +} +.cptm-widget-badge .cptm-widget-badge-trash:hover { + color: #3e62f5; +} +.cptm-widget-badge.cptm-widget-badge--icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; +} +.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { + font-size: 12px; +} + +.cptm-preview-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-preview-wrapper { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-wrapper .cptm-preview-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; +} +.cptm-preview-wrapper .cptm-preview-area-archive img { + max-height: 100px; +} + +.cptm-preview-notice { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-notice.cptm-preview-notice--list { + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-notice .cptm-preview-notice-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; +} +.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; +} + +.cptm-widget-thumb .cptm-widget-thumb-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-widget-thumb .cptm-widget-thumb-icon i { + font-size: 133px; + color: #a1a9b2; +} +.cptm-widget-thumb .cptm-widget-label { + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; +} + +.cptm-placeholder-block-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.cptm-placeholder-block-wrapper:last-child { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block-wrapper .cptm-placeholder-block { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status span { + color: #747c89; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { + background: #d2d6db; +} +.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-left: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + left: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; +} + +.cptm-placeholder-block { + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-placeholder-block.cptm-widget-picker-open { + z-index: 100; +} + +.cptm-placeholder-label { + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; +} +.cptm-placeholder-label.hide { + display: none; +} + +.cptm-listing-card-preview-footer .cptm-placeholder-label { + color: #868eae; +} + +.dndrop-ghost.dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-center-content.cptm-content-wide * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-mb-10 { + margin-bottom: 10px !important; +} + +.cptm-mb-12 { + margin-bottom: 12px !important; +} + +.cptm-mb-20 { + margin-bottom: 20px !important; +} + +.cptm-listing-card-body-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-align-left { + text-align: left; +} + +.cptm-listing-card-body-header-left { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.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; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-card-preview-widget.cptm-card-list-view { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.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 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 4px 0 0 4px !important; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 6px 0 0; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + left: 50%; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; +} +.cptm-card-preview-widget .cptm-options-area { + position: absolute; + top: 38px; + left: unset; + right: 30px; + z-index: 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-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-thumbnail { + position: relative; + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholer { + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholder { + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-listing-card-preview-quick-info-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-card-preview-thumbnail-bg { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; +} + +.cptm-card-preview-thumbnail-bg span { + color: rgba(255, 255, 255, 0.1); +} + +.cptm-card-preview-bottom-right-placeholder { + display: block; + text-align: right; +} + +.cptm-listing-card-preview-body { + display: block; + padding: 16px; + position: relative; +} + +.cptm-listing-card-author-avatar { + z-index: 1; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(16px, -14px); + transform: translate(16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-listing-card-author-avatar .cptm-placeholder-block { + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.cptm-placeholder-author-thumb { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} +.cptm-placeholder-author-thumb img { + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { + position: absolute; + bottom: -18px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { + color: #ffffff; + background: #d94a4a; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { + position: absolute; + bottom: -10px; +} + +.cptm-widget-title-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; +} + +.cptm-widget-tagline-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 13px; + font-weight: 400; + color: #4d5761; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-form-group-col { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; +} + +.cptm-form-group-info { + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; +} + +.cptm-widget-actions-tools { + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; +} +.cptm-widget-actions-tools a { + padding: 0 6px; + font-size: 12px; + color: #fff; +} + +.cptm-widget-control-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; +} + +.cptm-widget-control { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); +} +.cptm-widget-control::after { + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + z-index: -1; +} +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-control-action:hover { + background-color: #0e3bf2; +} + +.cptm-card-preview-top-left { + width: calc(50% - 4px); + position: absolute; + top: 0; + left: 0; + z-index: 103; +} + +.cptm-card-preview-top-left-placeholder { + display: block; + text-align: left; +} +.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right { + position: absolute; + right: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; +} +.cptm-card-preview-top-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right-placeholder { + text-align: right; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-bottom-left { + position: absolute; + width: calc(50% - 4px); + bottom: 0; + left: 0; + z-index: 102; +} +.cptm-card-preview-bottom-left .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-card-preview-bottom-left .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; +} + +.cptm-card-preview-bottom-left-placeholder { + display: block; + text-align: left; +} + +.cptm-card-preview-bottom-right { + position: absolute; + bottom: 0; + right: 0; + width: calc(50% - 4px); + z-index: 102; +} +.cptm-card-preview-bottom-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; +} + +.cptm-card-preview-body .cptm-widget-option-modal-container, +.cptm-card-preview-badges .cptm-widget-option-modal-container { + left: unset; + -webkit-transform: unset; + transform: unset; + right: calc(100% + 57px); +} + +.grid-view-without-thumbnail .cptm-input-toggle { + width: 28px; + height: 16px; +} +.grid-view-without-thumbnail .cptm-input-toggle:after { + width: 12px; + height: 12px; + margin: 2px; +} +.grid-view-without-thumbnail .cptm-input-toggle.active::after { + -webkit-transform: translateX(calc(-100% - 4px)); + transform: translateX(calc(-100% - 4px)); +} +.grid-view-without-thumbnail .cptm-card-preview-widget-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.grid-view-without-thumbnail .cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + right: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-author-avatar { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.grid-view-without-thumbnail .cptm-listing-card-quick-actions { + width: 135px; +} +.grid-view-without-thumbnail .cptm-listing-card-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} + +.list-view-without-thumbnail .cptm-card-preview-widget-content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.list-view-without-thumbnail .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.list-view-without-thumbnail .cptm-listing-card-preview-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } +} +.list-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.list-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} + +.cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { + height: 100%; +} + +.cptm-card-preview-footer-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-footer-right { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-listing-card-preview-body-placeholder { + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { + color: #141921; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; +} + +.cptm-listing-card-preview-footer-left-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; +} + +.cptm-listing-card-preview-footer-right-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + 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-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-widget-preview-area .cptm-widget-preview-card { + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + left: 50%; + -webkit-transform: translate(-50%, -7px); + transform: translate(-50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + bottom: -7px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; +} + +.widget-drag-handle { + cursor: move; +} + +.cptm-card-light.cptm-placeholder-block { + border-color: #d2d6db; + background: #f9fafb; +} +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.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-color: #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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} + +.cptm-widget-nav-item { + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; +} +.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: 600; + color: #141921; + margin-bottom: 8px; +} +.cptm-form-group .cptm-form-control { + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-group.cptm-form-content { + text-align: center; + margin-bottom: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-select { + text-align: left; +} +.cptm-form-group.cptm-form-content .cptm-form-content-title { + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:before { + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { + pointer-events: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; +} +.cptm-form-group.tab-field .cptm-preview-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-form-group.cpt-has-error .cptm-form-control { + border: 1px solid rgb(192, 51, 51); +} + +.cptm-form-group-tab-list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; +} +.cptm-form-group-tab-list .cptm-form-group-tab-item { + margin: 0; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link:hover { + color: #3e62f5; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link.active { + background-color: #d8e0fd; + color: #3e62f5; +} + +.cptm-preview-image-upload { + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show { + margin-bottom: 0; + height: 100%; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; +} + +.cptm-form-group-feedback { + display: block; +} + +.cptm-form-alert { + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-alert.cptm-error { + color: #c82424; +} + +.cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.cptm-input-toggle-wrap.cptm-input-toggle-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-input-toggle-wrap label { + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; +} +.cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-input-toggle { + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; +} +.cptm-input-toggle::after { + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-input-toggle.active { + background-color: #3e62f5; +} +.cptm-input-toggle.active::after { + left: 100%; + -webkit-transform: translateX(calc(-100% - 8px)); + transform: translateX(calc(-100% - 8px)); +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; +} +.cptm-multi-option-group-section-draft .cptm-form-group { + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; +} + +.form-repeater__container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +.form-repeater__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; +} +.form-repeater__group.sortable-chosen .form-repeater__input { + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + left: 0; +} +.form-repeater__remove-btn { + cursor: pointer; + position: absolute; + right: 0; +} +.form-repeater__remove-btn:hover { + color: #c83a3a; +} +.form-repeater__input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.form-repeater__input-value-added { + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; +} +.form-repeater__input:focus { + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; +} +.form-repeater__input::-webkit-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-moz-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input:-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__add-group-btn { + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; +} +.form-repeater__add-group-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__add-group-btn svg { + width: 16px; + height: 16px; +} +.form-repeater__add-group-btn i { + font-size: 16px; +} + +/* Style the video popup */ +.cptm-modal-overlay { + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +@media (max-width: 960px) { + .cptm-modal-overlay { + width: 100%; + } +} +.cptm-modal-overlay .cptm-modal-container { + display: block; + height: auto; + position: absolute; + top: 50%; + left: 50%; + right: unset; + bottom: unset; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + overflow: visible; +} +@media (max-width: 767px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } +} +@media (max-width: 575px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } +} + +.cptm-modal-content { + position: relative; +} +.cptm-modal-content .cptm-modal-video video { + width: 100%; + max-width: 500px; +} +.cptm-modal-content .cptm-modal-image .cptm-modal-image__img { + max-height: calc(100vh - 200px); +} +.cptm-modal-content .cptm-modal-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-content__close-btn { + position: absolute; + top: 0; + right: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; +} + +.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; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, +select.cptm-form-control:hover, +select.cptm-form-control:focus, +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; +} + +select.cptm-form-control, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; +} +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-color: #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-color: #fff; + border: 1px solid #e3e6ef; +} + +.tab-preview_image .cptm-title-area, +.tab-packages .cptm-title-area, +.tab-other .cptm-title-area { + margin-left: 0; +} +.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: 999999; + height: 100vh; +} +.cptm-modal-container.active { + display: block; +} + +.cptm-modal-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.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; +} + +.cptm-modal-confirmation-title { + margin: 30px auto; + font-size: 20px; + text-align: center; +} + +.cptm-section-alert-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; +} + +.cptm-section-alert-content { + text-align: center; + padding: 10px; +} + +.cptm-section-alert-icon { + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.cptm-color-picker-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-left: 10px; +} + +.cptm-wdget-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.atbdp-flex-align-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.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; + } +} + +.cptm-preview-placeholder { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 30px 70px 54px; + background: #f9fafb; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder { + margin-right: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } +} +.cptm-preview-placeholder__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); +} +.cptm-preview-placeholder__card__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; +} +.cptm-preview-placeholder__card__item--top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; +} +.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; +} +.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { + display: none; +} +.cptm-preview-placeholder__card__box { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; +} +.cptm-preview-placeholder__card__box .cptm-placeholder-label { + color: #868eae; + font-size: 14px; + font-weight: 500; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area { + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } +} +.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } +} +.cptm-preview-placeholder__card__box.listing-title-placeholder { + padding: 13px 8px; +} +.cptm-preview-placeholder__card__content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__btn { + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; +} +.cptm-preview-placeholder__card__btn .icon { + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; +} +.cptm-preview-placeholder__card .slider-placeholder { + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; +} +.cptm-preview-placeholder__card .draggable-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-right: 8px; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { + color: #1e1e1e; +} +.cptm-preview-placeholder--settings-closed { + max-width: 700px; + margin: 0 auto; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.atbdp-col { + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.atbdp-col-3 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; +} + +.atbdp-col-4 { + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; +} + +.atbdp-col-8 { + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + 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%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist_dropdown .directorist_dropdown-toggle:focus { + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist_dropdown .directorist_dropdown-toggle:before { + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + height: 20px; +} +.directorist_dropdown .directorist_dropdown-option { + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; +} +.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:empty { + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_dropdown .directorist_dropdown-option ul:empty:before { + content: "No Items Found"; +} +.directorist_dropdown .directorist_dropdown-option ul li { + margin-bottom: 0; +} +.directorist_dropdown .directorist_dropdown-option ul li a { + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; +} +.directorist_dropdown .directorist_dropdown-option ul li a.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; +} +.cptm-import-directory-modal .cptm-info-text { + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-import-directory-modal .cptm-info-text > b { + margin-right: 4px; +} + +/* Sticky fields */ +.cptm-col-sticky { + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; +} + +.cptm-widget-trash-confirmation-modal-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; +} +.cptm-widget-trash-confirmation-modal-overlay button { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-widget-trash-confirmation-modal-overlay button:hover { + background: #ba1230; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; +} + +.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) { + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } +} + +.cptm-container-group-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } +} +.cptm-container-group-fields .highlight-field { + padding: 0; +} +.cptm-container-group-fields .atbdp-row { + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-container-group-fields .atbdp-row .atbdp-col { + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; +} +.cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col label { + margin: 0; + font-size: 14px !important; + font-weight: normal; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 95px; +} +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.enable_single_listing_page .cptm-title-area { + margin: 30px 0; +} +.enable_single_listing_page .cptm-title-area .cptm-title { + font-size: 20px; + font-weight: 600; + color: #0a0a0a; +} +.enable_single_listing_page .cptm-title-area .cptm-des { + font-size: 14px; + color: #737373; + margin-top: 6px; +} +.enable_single_listing_page .cptm-input-toggle-content h3 { + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; +} +.enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} +.enable_single_listing_page .cptm-form-group { + margin-bottom: 40px; +} +.enable_single_listing_page .cptm-form-group--dropdown { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { + color: #3e62f5; +} +.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { + border-radius: 4px; + border-color: #d2d6db; +} +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; +} +.enable_single_listing_page .cptm-input-toggle { + width: 44px; + height: 22px; +} + +.cptm-form-group--api-select-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; +} +.cptm-form-group--api-select-icon span.la { + font-size: 22px; + color: #0a0a0a; +} + +.cptm-form-group--api-select h4 { + font-size: 16px; + color: #171717; +} +.cptm-form-group--api-select p { + color: #737373; +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { + font-size: 16px; + color: #0a0a0a; + margin-right: 8px; +} + +.cptm-form-title-field { + margin-bottom: 16px; +} +.cptm-form-title-field .cptm-form-title-field__label { + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; +} +.cptm-form-title-field .cptm-form-title-field__description { + font-size: 14px; + color: #4d5761; +} +.cptm-form-title-field .cptm-form-title-field__description a { + color: #345af4; +} + +.cptm-elements-settings { + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-right: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; +} +@media only screen and (max-width: 1199px) { + .cptm-elements-settings { + max-width: 100%; + } +} +@media only screen and (max-width: 782px) { + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings { + border: none; + padding: 0; + } +} +.cptm-elements-settings__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; +} +.cptm-elements-settings__header__title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-elements-settings__group { + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper { + position: relative; + overflow: visible !important; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-elements-settings__group:last-child { + border-bottom: none; +} +.cptm-elements-settings__group__title { + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; +} +.cptm-elements-settings__group__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; +} +.cptm-elements-settings__group__single:hover { + border-color: #3e62f5; +} +.cptm-elements-settings__group__single .drag-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-elements-settings__group__single .drag-icon:hover { + color: #1e1e1e; +} +.cptm-elements-settings__group__single__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; +} +.cptm-elements-settings__group__single__label__icon { + color: #4d5761; + font-size: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } +} +.cptm-elements-settings__group__single__action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-elements-settings__group__single__edit { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-elements-settings__group__single__edit__icon { + font-size: 20px; + color: #4d5761; +} +.cptm-elements-settings__group__single__edit--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__single__switch label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; +} +.cptm-elements-settings__group__single__switch label::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch label::after { + content: ""; + position: absolute; + top: 3px; + left: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(14px); + transform: translateX(14px); +} +.cptm-elements-settings__group__single--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__options { + position: absolute; + width: 100%; + top: 42px; + left: 0; + z-index: 1; + padding-bottom: 20px; +} +.cptm-elements-settings__group__options .cptm-option-card { + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); +} +.cptm-elements-settings__group__options .cptm-option-card:before { + right: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; +} +.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { + margin-bottom: 8px; +} +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; +} + +.cptm-shortcode-generator { + max-width: 100%; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button:hover { + color: #fff; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button i { + font-size: 14px; +} +.cptm-shortcode-generator .cptm-shortcodes-wrapper { + margin-top: 20px; +} +.cptm-shortcode-generator .cptm-shortcodes-box { + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; +} +.cptm-shortcode-generator .cptm-copy-icon-button { + position: absolute; + top: 12px; + right: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; +} +.cptm-shortcode-generator .cptm-copy-icon-button:hover { + color: #000; +} +.cptm-shortcode-generator .cptm-copy-icon-button:focus { + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-content { + padding-right: 40px; +} +.cptm-shortcode-generator .cptm-shortcode-item { + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; +} +.cptm-shortcode-generator .cptm-shortcode-item:hover { + background-color: #e5e7eb; +} +.cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { + margin-bottom: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-footer { + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-text { + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-separator { + color: #747c89; +} +.cptm-shortcode-generator .cptm-regenerate-link { + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} +.cptm-shortcode-generator .cptm-regenerate-link:hover { + color: #3e62f5; + text-decoration: underline; +} +.cptm-shortcode-generator .cptm-regenerate-link:focus { + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; +} +.cptm-shortcode-generator .cptm-no-shortcodes { + margin-top: 12px; +} +.cptm-shortcode-generator .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} + +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light: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-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-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.directorist-w-100 { + width: 100% !important; + max-width: 100% !important; +} + +.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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; +} + +.directorist-droppable-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.directorist-droppable-item-preview { + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 0; + border-radius: 4px; +} + +.directorist-droppable-item-preview-before { + margin-bottom: 20px; +} + +.directorist-droppable-item-preview-after { + margin-bottom: 20px; +} + +/* Create Directory Type */ +.directorist-directory-type-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; +} +.directorist-directory-type-top:before { + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + left: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .directorist-directory-type-top { + padding: 10px 30px; + } +} +.directorist-directory-type-top-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 767px) { + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-directory-type-top-left .cptm-form-group { + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; +} +.directorist-directory-type-top-left .cptm-form-group .cptm-form-control { + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; +} +.directorist-directory-type-top-left .directorist-back-directory { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-directory-type-top-left .directorist-back-directory svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-directory-type-top-left .directorist-back-directory:hover { + color: #3e62f5; +} +.directorist-directory-type-top-right .directorist-create-directory { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-directory-type-top-right .directorist-create-directory:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist-directory-type-top-right .cptm-btn { + margin: 0; +} + +.directorist-type-name { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; +} +.directorist-type-name span { + font-size: 20px; + color: #747c89; +} + +.directorist-type-name-editable { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-type-name-editable span { + font-size: 20px; + color: #747c89; +} +.directorist-type-name-editable span:hover { + color: #3e62f5; +} + +.directorist-directory-type-bottom { + position: fixed; + bottom: 0; + right: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } +} +.directorist-directory-type-bottom .cptm-header-navigation { + position: fixed; + right: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 1024px) { + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } +} +.directorist-directory-type-bottom .atbdp-cptm-body { + position: relative; + margin-top: 72px; +} +@media only screen and (max-width: 600px) { + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } +} + +.wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } +} +.wp-admin.folded .directorist-directory-type-bottom { + width: calc(100% - 80px); +} +.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } +} + +.directorist-draggable-form-list-wrap { + margin-right: 50px; +} + +/* Body Header */ +.directorist-form-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; +} +.directorist-form-action__modal-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; +} +.directorist-form-action__modal-btn svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__modal-btn:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__link { + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; +} +.directorist-form-action__view { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; +} +.directorist-form-action__view svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__view:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__view:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-note { + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.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 { + position: relative; + display: block; + color: #23282d; +} +.atbdp-cpt-manager.directorist-overlay-visible { + position: fixed; + z-index: 9; + width: calc(100% - 200px); +} +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; +} +.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { + z-index: 11; +} + +.atbdp-cptm-header { + display: block; +} +.atbdp-cptm-header .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 .atbdp-cptm-footer-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { + font-size: 12px; + font-weight: 400; + color: #747c89; +} + +.atbdp-cptm-footer-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.atbdp-cptm-footer-actions .cptm-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; +} +.atbdp-cptm-footer-actions .cptm-save-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-title-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; +} + +.cptm-card-preview-widget .cptm-title-bar { + margin: 0; +} + +.cptm-title-bar-headings { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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; + -webkit-transition: all ease-in-out 300ms; + 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; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; +} +.cptm-btn.cptm-btn-secondery:hover { + color: #fff; + background-color: #3e62f5; +} + +.cptm-file-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-file-input-wrap .cptm-btn { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-btn-box { + display: block; +} + +.cptm-form-builder-group-field-drop-area { + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-field-drop-area:first-child { + margin-top: 0; +} +.cptm-form-builder-group-field-drop-area.drag-enter { + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; +} + +.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); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; +} +@media screen and (max-width: 960px) { + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } +} +@media screen and (max-width: 782px) { + .atbdp-cptm-status-feedback { + left: 50%; + } +} + +.cptm-alert { + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-alert: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; +} +.cptm-alert-success:before { + content: "\f058"; + color: #14b570; +} + +.cptm-alert-error { + background-color: #f3d6d6; + border: 1px solid #c51616; +} +.cptm-alert-error:before { + content: "\f057"; + color: #c51616; +} + +.cptm-dropable-element { + position: relative; +} + +.cptm-dropable-base-element { + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; +} + +.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; + -webkit-transition: all ease-in-out 200ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 480px) { + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-header-nav__list-item { + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; +} +@media (max-width: 480px) { + .cptm-header-nav__list-item { + width: 100%; + } +} + +.cptm-header-nav__list-item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; +} +@media only screen and (max-width: 480px) { + .cptm-header-nav__list-item-link { + padding: 16px 0; + } +} +.cptm-header-nav__list-item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; +} +.cptm-header-nav__list-item-link .cptm-header-nav__icon { + font-size: 24px; +} +.cptm-header-nav__list-item-link.active { + font-weight: 600; +} +.cptm-header-nav__list-item-link.active:before { + background-color: #3e62f5; +} +.cptm-header-nav__list-item-link.active .cptm-header-nav__icon, +.cptm-header-nav__list-item-link.active .cptm-header-nav__label { + color: #3e62f5; +} + +.cptm-header-nav__icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-header-nav__icon svg { + width: 24px; + height: 24px; +} + +.cptm-header-nav__label { + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; +} + +.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; +} +.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: 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 { + width: 100%; + display: block; + background-color: #fff; +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 92px; +} +@media only screen and (max-width: 782px) { + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; +} + +.atbdp-cptm-tab-item { + display: none; +} +.atbdp-cptm-tab-item.active { + display: block; +} + +.cptm-tab-content-header { + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header { + margin-top: 0; + } +} +.cptm-tab-content-header .cptm-tab-content-header__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + right: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; +} +@media only screen and (max-width: 991px) { + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 25px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 0; + } +} + +.cptm-tab-content-body { + display: block; +} + +.cptm-tab-content { + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-tab-content.tab-wide { + max-width: 1080px; +} +.cptm-tab-content.tab-short-wide { + max-width: 600px; +} +.cptm-tab-content.tab-full-width { + max-width: 100%; +} +.cptm-tab-content.cptm-tab-content-general { + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; +} +@media only screen and (max-width: 960px) { + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } +} +.cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { + margin-bottom: 50px; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.cptm-col-5 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-6 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-7 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-section { + position: relative; + z-index: 10; +} +.cptm-section.cptm-section--disabled .cptm-builder-section { + opacity: 0.6; + pointer-events: none; +} +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-section.single_listing_header { + border-top: 1px solid #e5e7eb; +} +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + right: 0; + top: 0; + margin: 0; +} +.cptm-section.preview_mode { + position: absolute; + right: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.preview_mode:before { + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; +} +@media only screen and (min-width: 1441px) { + .cptm-section.preview_mode { + width: calc(65% - 49px); + } +} +@media only screen and (max-width: 1024px) { + .cptm-section.preview_mode { + width: calc(100% - 49px); + } +} +@media only screen and (max-width: 480px) { + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } +} +.cptm-section.preview_mode .cptm-title-area { + display: none; +} +.cptm-section.preview_mode .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.cptm-section.preview_mode .directorist-footer-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; +} +@media only screen and (max-width: 575px) { + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + font-size: 16px; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 26px 8px 40px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + left: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-section.listings_card_list_view .cptm-card-top-area { + max-width: unset; +} +.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { + border-radius: 10px; +} +.cptm-section.new_listing_status { + z-index: 11; +} +.cptm-section:last-child { + margin-bottom: 0; +} + +.cptm-form-builder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media only screen and (max-width: 1024px) { + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } +} +.cptm-form-builder.submission_form_fields .cptm-form-builder-content { + border-bottom: 25px solid #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} +.cptm-form-builder.single_listings_contents { + border-top: 1px solid #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} + +.cptm-form-builder-sidebar { + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (min-width: 1441px) { + .cptm-form-builder-sidebar { + max-width: 35%; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-action { + padding-bottom: 0; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-content { + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-left: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-action { + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-active-fields { + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); +} +@media only screen and (max-width: 1399px) { + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } +} + +.cptm-form-builder-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; +} + +.cptm-form-builder-action-title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; +} + +.cptm-form-builder-action-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-preset-fields:not(:last-child) { + margin-bottom: 40px; +} + +.cptm-form-builder-preset-fields-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; +} +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; +} +.cptm-form-builder-preset-fields-header-action-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-preset-fields-header-action-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; +} + +.cptm-form-builder-preset-fields-header-action-link { + color: #747c89; +} + +.cptm-title-3 { + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; +} + +.cptm-description-text { + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; +} + +.cptm-form-builder-active-fields { + display: block; + height: 100%; +} +.cptm-form-builder-active-fields.empty-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; +} +.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { + height: auto; + z-index: auto; +} +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; +} +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; +} +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; +} + +.cptm-form-builder-active-fields-container { + position: relative; + margin: 0; + z-index: 1; +} + +.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 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-active-fields-footer .cptm-btn span { + font-size: 16px; +} + +.cptm-form-builder-active-fields-group { + position: relative; + margin-bottom: 6px; + padding-bottom: 0; +} + +.cptm-form-builder-group-header-section { + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + right: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + right: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; +} + +.cptm-form-builder-group-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} + +.cptm-form-builder-group-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; +} + +.cptm-form-builder-group-header-content__dropable-wrapper { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-no-wrap { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + 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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} + +.cptm-form-builder-group-header-content__dropable-placeholder { + margin-right: 15px; +} + +.cptm-form-builder-header-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} + +.cptm-form-builder-group-actions-dropdown-content.expanded { + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; +} + +.cptm-form-builder-group-actions { + display: block; + min-width: 34px; + margin-left: 15px; +} + +.cptm-form-builder-group-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title { + font-size: 13px; + } +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label { + cursor: text; +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { + height: 40px; + padding: 4px 50px 4px 6px; + border-radius: 2px; + border: 1px solid #3e62f5; +} +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +} + +.cptm-form-builder-group-title-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-group-options { + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-options .directorist-form-fields-advanced { + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; +} +.cptm-form-builder-group-options .directorist-form-fields-advanced:hover { + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; +} + +.cptm-form-builder-group-fields { + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} + +.icon-picker-selector { + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); +} +.icon-picker-selector .icon-picker-selector__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; +} +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; +} +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; +} +.icon-picker-selector .icon-picker-selector__icon input { + height: 32px; + border: none !important; + padding-left: 0 !important; +} +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; +} +.icon-picker-selector .icon-picker-selector__btn { + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.icon-picker-selector .icon-picker-selector__btn:hover { + background-color: #e3e6e9; +} + +.cptm-restricted-area { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); +} + +.cptm-form-builder-group-field-item { + margin-bottom: 8px; + position: relative; +} +.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 6px 0 0 6px; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 0 6px 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; +} + +.cptm-form-builder-group-field-item-actions { + display: block; + position: absolute; + right: -15px; + -webkit-transform: translate(34px, 7px); + transform: translate(34px, 7px); +} + +.cptm-form-builder-group-field-item-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.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-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } +} +.cptm-form-builder-header-action-link.disabled { + color: #a1a9b2; + pointer-events: none; +} + +.cptm-form-builder-header-toggle-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } +} +.cptm-form-builder-header-toggle-link.action-collapse-down { + color: #3e62f5; +} +.cptm-form-builder-header-toggle-link.disabled { + opacity: 0.5; + pointer-events: none; +} + +.action-collapse-up span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); +} + +.action-collapse-down span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.cptm-form-builder-group-field-item-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-group-field-item-body { + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; +} + +.cptm-form-builder-group-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-field-list { + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-builder-field-list .directorist-draggable-list-item { + position: unset; +} + +.cptm-form-builder-field-list-item { + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-form-builder-field-list-item:hover { + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); +} +.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% - 6px); + } +} + +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; +} + +.cptm-form-builder-field-list-item { + position: relative; +} +.cptm-form-builder-field-list-item > pre { + position: absolute; + top: 3px; + right: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; +} + +.cptm-form-builder-field-list-icon { + display: inline-block; + margin-right: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; +} + +.cptm-form-builder-field-list-item-icon { + font-size: 14px; + margin-right: 1px; +} + +.cptm-form-builder-field-list-label, +.cptm-form-builder-field-list-item-label { + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; +} + +.cptm-option-card--draggable .cptm-form-builder-field-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-left: 25px; +} + +.cptm-info-text-area { + margin-bottom: 10px; +} + +.cptm-info-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; +} + +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; +} +.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%; + -webkit-transition: all ease-in-out 300ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: 20px; +} + +.cptm-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-tab-area .cptm-tab-item input { + display: none; +} +.cptm-tab-area .cptm-tab-item input:checked + label { + color: #fff; + background-color: #3e62f5; +} +.cptm-tab-area .cptm-tab-item label { + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-tab-area .cptm-tab-item label:hover { + color: #fff; + background-color: #3e62f5; +} + +@media screen and (max-width: 782px) { + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } +} + +.cptm-schema-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; +} +.cptm-schema-tab-label { + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; +} +.cptm-schema-tab-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; +} +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; +} +.cptm-schema-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item { + width: 100%; + } +} +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } +} +.cptm-schema-tab-item.active { + border-color: #3e62f5 !important; + background-color: #f0f3ff; +} +.cptm-schema-tab-item.active .cptm-schema-label-wrapper { + color: #3e62f5 !important; +} +.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-schema-label-wrapper { + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-schema .cptm-schema-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.cptm-schema-label-badge { + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; +} +.cptm-schema-label-description { + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; +} + +#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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-range-wrap .cptm-form-range-bar { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; +} +.cptm-thumbnail img { + display: block; + width: 100%; + height: auto; +} + +.cptm-thumbnail-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-thumbnail-placeholder-icon { + font-size: 40px; + color: #d2d6db; +} +.cptm-thumbnail-placeholder-icon 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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.cptm-sub-navigation { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-sub-navigation { + padding: 10px; + } +} + +.cptm-sub-nav__item { + list-style: none; + margin: 0; +} + +.cptm-sub-nav__item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { + padding: 0 10px; + margin-right: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 0 4px 4px 0; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { + background: #f9f9f9; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { + width: 24px; + height: 24px; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link.active { + color: #141921; + background: #ffffff; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link:hover:not(.active) { + color: #141921; + background: #ffffff; +} + +.cptm-builder-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +@media only screen and (max-width: 1199px) { + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-options-area { + width: 320px; + margin: 0; +} + +.cptm-option-card { + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; +} +.cptm-option-card:before { + content: ""; + border-bottom: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + top: -6px; + right: 22px; +} +.cptm-option-card.cptm-animation-flip { + -webkit-transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); +} +.cptm-option-card.cptm-animation-slide-up { + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); +} +.cptm-option-card.active { + display: block; + opacity: 1; + pointer-events: all; +} +.cptm-option-card.active.cptm-animation-flip { + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); +} +.cptm-option-card.active.cptm-animation-slide-up { + -webkit-transform: translate(0, 0); + 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: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-header-action-link:hover { + color: #1890ff; +} + +.cptm-option-card-header { + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; +} + +.cptm-option-card-header-title-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-title { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; +} + +.cptm-header-action-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 0 0 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-nav-section { + display: block; +} + +.cptm-option-card-header-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-header-nav-item { + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card-header-nav-item.active { + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-body { + padding: 16px; + max-height: 500px; + overflow-y: auto; +} +.cptm-option-card-body .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-option-card-body .cptm-form-group label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; +} +.cptm-option-card-body .cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-option-card-body .directorist-type-icon-select { + margin-bottom: 20px; +} +.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.cptm-widget-actions, +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translate(-50%, 3px); + transform: translate(-50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; +} + +.cptm-widget-actions-wrap { + position: relative; + width: 100%; +} + +.cptm-widget-action-modal-container { + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, 20px); + transform: translate(-50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; +} +.cptm-widget-action-modal-container.active { + pointer-events: all; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +@media only screen and (max-width: 480px) { + .cptm-widget-action-modal-container { + max-width: 250px; + } +} + +.cptm-widget-insert-modal-container .cptm-option-card:before { + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} + +.cptm-widget-option-modal-container .cptm-option-card:before { + right: unset; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-option-modal-container .cptm-option-card { + margin: 0; +} +.cptm-widget-option-modal-container .cptm-option-card-header { + background-color: #fff; + border: 1px solid #e5e7eb; +} +.cptm-widget-option-modal-container .cptm-header-action-link { + color: #2c3239; +} +.cptm-widget-option-modal-container .cptm-header-action-link:hover { + color: #1890ff; +} +.cptm-widget-option-modal-container .cptm-option-card-body { + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-widget-option-modal-container .cptm-option-card-header-title-section, +.cptm-widget-option-modal-container .cptm-option-card-header-title { + color: #2c3239; +} + +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-widget-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-action-link:focus { + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; +} +.cptm-widget-action-link:hover { + background-color: #3e62f5; + color: #fff; +} +.cptm-widget-action-link:hover svg path { + fill: #fff; +} + +.cptm-widget-card-drop-prepend { + border-radius: 8px; +} + +.cptm-widget-card-drop-append { + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; +} +.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-wrap.cptm-widget-card-disabled { + opacity: 0.3; + pointer-events: none; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; +} +.cptm-widget-card-wrap .cptm-widget-card-disabled-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap { + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { + position: absolute; + right: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; +} + +.cptm-widget-card-inline-wrap { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.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-widget-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-widget-badge .cptm-widget-badge-icon, +.cptm-widget-badge .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-widget-badge .cptm-widget-badge-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; +} +.cptm-widget-badge .cptm-widget-badge-label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: left; +} +.cptm-widget-badge .cptm-widget-badge-trash { + margin-left: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; +} +.cptm-widget-badge .cptm-widget-badge-trash:hover { + color: #3e62f5; +} +.cptm-widget-badge.cptm-widget-badge--icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; +} +.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { + font-size: 12px; +} + +.cptm-preview-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-preview-wrapper { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-wrapper .cptm-preview-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; +} +.cptm-preview-wrapper .cptm-preview-area-archive img { + max-height: 100px; +} + +.cptm-preview-notice { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-notice.cptm-preview-notice--list { + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-notice .cptm-preview-notice-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; +} +.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; +} + +.cptm-widget-thumb .cptm-widget-thumb-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-widget-thumb .cptm-widget-thumb-icon i { + font-size: 133px; + color: #a1a9b2; +} +.cptm-widget-thumb .cptm-widget-label { + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; +} + +.cptm-placeholder-block-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.cptm-placeholder-block-wrapper:last-child { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block-wrapper .cptm-placeholder-block { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status span { + color: #747c89; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { + background: #d2d6db; +} +.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-left: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + left: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; +} + +.cptm-placeholder-block { + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-placeholder-block.cptm-widget-picker-open { + z-index: 100; +} + +.cptm-placeholder-label { + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; +} +.cptm-placeholder-label.hide { + display: none; +} + +.cptm-listing-card-preview-footer .cptm-placeholder-label { + color: #868eae; +} + +.dndrop-ghost.dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-center-content.cptm-content-wide * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-mb-10 { + margin-bottom: 10px !important; +} + +.cptm-mb-12 { + margin-bottom: 12px !important; +} + +.cptm-mb-20 { + margin-bottom: 20px !important; +} + +.cptm-listing-card-body-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-align-left { + text-align: left; +} + +.cptm-listing-card-body-header-left { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.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; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-card-preview-widget.cptm-card-list-view { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.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 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 4px 0 0 4px !important; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 6px 0 0; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + left: 50%; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; +} +.cptm-card-preview-widget .cptm-options-area { + position: absolute; + top: 38px; + left: unset; + right: 30px; + z-index: 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-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-thumbnail { + position: relative; + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholer { + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholder { + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-listing-card-preview-quick-info-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-card-preview-thumbnail-bg { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; +} + +.cptm-card-preview-thumbnail-bg span { + color: rgba(255, 255, 255, 0.1); +} + +.cptm-card-preview-bottom-right-placeholder { + display: block; + text-align: right; +} + +.cptm-listing-card-preview-body { + display: block; + padding: 16px; + position: relative; +} + +.cptm-listing-card-author-avatar { + z-index: 1; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(16px, -14px); + transform: translate(16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-listing-card-author-avatar .cptm-placeholder-block { + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.cptm-placeholder-author-thumb { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} +.cptm-placeholder-author-thumb img { + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { + position: absolute; + bottom: -18px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { + color: #ffffff; + background: #d94a4a; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { + position: absolute; + bottom: -10px; +} + +.cptm-widget-title-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; +} + +.cptm-widget-tagline-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 13px; + font-weight: 400; + color: #4d5761; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-form-group-col { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; +} + +.cptm-form-group-info { + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; +} + +.cptm-widget-actions-tools { + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; +} +.cptm-widget-actions-tools a { + padding: 0 6px; + font-size: 12px; + color: #fff; +} + +.cptm-widget-control-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; +} + +.cptm-widget-control { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); +} +.cptm-widget-control::after { + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + z-index: -1; +} +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-control-action:hover { + background-color: #0e3bf2; +} + +.cptm-card-preview-top-left { + width: calc(50% - 4px); + position: absolute; + top: 0; + left: 0; + z-index: 103; +} + +.cptm-card-preview-top-left-placeholder { + display: block; + text-align: left; +} +.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right { + position: absolute; + right: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; +} +.cptm-card-preview-top-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right-placeholder { + text-align: right; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-bottom-left { + position: absolute; + width: calc(50% - 4px); + bottom: 0; + left: 0; + z-index: 102; +} +.cptm-card-preview-bottom-left .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-card-preview-bottom-left .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; +} + +.cptm-card-preview-bottom-left-placeholder { + display: block; + text-align: left; +} + +.cptm-card-preview-bottom-right { + position: absolute; + bottom: 0; + right: 0; + width: calc(50% - 4px); + z-index: 102; +} +.cptm-card-preview-bottom-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; +} + +.cptm-card-preview-body .cptm-widget-option-modal-container, +.cptm-card-preview-badges .cptm-widget-option-modal-container { + left: unset; + -webkit-transform: unset; + transform: unset; + right: calc(100% + 57px); +} + +.grid-view-without-thumbnail .cptm-input-toggle { + width: 28px; + height: 16px; +} +.grid-view-without-thumbnail .cptm-input-toggle:after { + width: 12px; + height: 12px; + margin: 2px; +} +.grid-view-without-thumbnail .cptm-input-toggle.active::after { + -webkit-transform: translateX(calc(-100% - 4px)); + transform: translateX(calc(-100% - 4px)); +} +.grid-view-without-thumbnail .cptm-card-preview-widget-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.grid-view-without-thumbnail .cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + right: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-author-avatar { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.grid-view-without-thumbnail .cptm-listing-card-quick-actions { + width: 135px; +} +.grid-view-without-thumbnail .cptm-listing-card-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} + +.list-view-without-thumbnail .cptm-card-preview-widget-content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.list-view-without-thumbnail .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.list-view-without-thumbnail .cptm-listing-card-preview-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } +} +.list-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.list-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} + +.cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { + height: 100%; +} + +.cptm-card-preview-footer-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-footer-right { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-listing-card-preview-body-placeholder { + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { + color: #141921; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; +} + +.cptm-listing-card-preview-footer-left-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; +} + +.cptm-listing-card-preview-footer-right-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + 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-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-widget-preview-area .cptm-widget-preview-card { + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + left: 50%; + -webkit-transform: translate(-50%, -7px); + transform: translate(-50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + bottom: -7px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; +} + +.widget-drag-handle { + cursor: move; +} + +.cptm-card-light.cptm-placeholder-block { + border-color: #d2d6db; + background: #f9fafb; +} +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.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-color: #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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} + +.cptm-widget-nav-item { + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; +} +.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: 600; + color: #141921; + margin-bottom: 8px; +} +.cptm-form-group .cptm-form-control { + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-group.cptm-form-content { + text-align: center; + margin-bottom: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-select { + text-align: left; +} +.cptm-form-group.cptm-form-content .cptm-form-content-title { + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:before { + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { + pointer-events: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; +} +.cptm-form-group.tab-field .cptm-preview-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-form-group.cpt-has-error .cptm-form-control { + border: 1px solid rgb(192, 51, 51); +} + +.cptm-form-group-tab-list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; +} +.cptm-form-group-tab-list .cptm-form-group-tab-item { + margin: 0; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link:hover { + color: #3e62f5; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link.active { + background-color: #d8e0fd; + color: #3e62f5; +} + +.cptm-preview-image-upload { + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show { + margin-bottom: 0; + height: 100%; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; +} + +.cptm-form-group-feedback { + display: block; +} + +.cptm-form-alert { + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-alert.cptm-error { + color: #c82424; +} + +.cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.cptm-input-toggle-wrap.cptm-input-toggle-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-input-toggle-wrap label { + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; +} +.cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-input-toggle { + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; +} +.cptm-input-toggle::after { + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-input-toggle.active { + background-color: #3e62f5; +} +.cptm-input-toggle.active::after { + left: 100%; + -webkit-transform: translateX(calc(-100% - 8px)); + transform: translateX(calc(-100% - 8px)); +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; +} +.cptm-multi-option-group-section-draft .cptm-form-group { + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; +} + +.form-repeater__container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +.form-repeater__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; +} +.form-repeater__group.sortable-chosen .form-repeater__input { + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + left: 0; +} +.form-repeater__remove-btn { + cursor: pointer; + position: absolute; + right: 0; +} +.form-repeater__remove-btn:hover { + color: #c83a3a; +} +.form-repeater__input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.form-repeater__input-value-added { + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; +} +.form-repeater__input:focus { + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; +} +.form-repeater__input::-webkit-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-moz-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input:-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__add-group-btn { + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; +} +.form-repeater__add-group-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__add-group-btn svg { + width: 16px; + height: 16px; +} +.form-repeater__add-group-btn i { + font-size: 16px; +} + +/* Style the video popup */ +.cptm-modal-overlay { + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +@media (max-width: 960px) { + .cptm-modal-overlay { + width: 100%; + } +} +.cptm-modal-overlay .cptm-modal-container { + display: block; + height: auto; + position: absolute; + top: 50%; + left: 50%; + right: unset; + bottom: unset; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + overflow: visible; +} +@media (max-width: 767px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } +} +@media (max-width: 575px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } +} + +.cptm-modal-content { + position: relative; +} +.cptm-modal-content .cptm-modal-video video { + width: 100%; + max-width: 500px; +} +.cptm-modal-content .cptm-modal-image .cptm-modal-image__img { + max-height: calc(100vh - 200px); +} +.cptm-modal-content .cptm-modal-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-content__close-btn { + position: absolute; + top: 0; + right: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; +} + +.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; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, +select.cptm-form-control:hover, +select.cptm-form-control:focus, +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; +} + +select.cptm-form-control, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; +} +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-color: #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-color: #fff; + border: 1px solid #e3e6ef; +} + +.tab-preview_image .cptm-title-area, +.tab-packages .cptm-title-area, +.tab-other .cptm-title-area { + margin-left: 0; +} +.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: 999999; + height: 100vh; +} +.cptm-modal-container.active { + display: block; +} + +.cptm-modal-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.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; +} + +.cptm-modal-confirmation-title { + margin: 30px auto; + font-size: 20px; + text-align: center; +} + +.cptm-section-alert-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; +} + +.cptm-section-alert-content { + text-align: center; + padding: 10px; +} + +.cptm-section-alert-icon { + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.cptm-color-picker-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-left: 10px; +} + +.cptm-wdget-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.atbdp-flex-align-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.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; + } +} + +.cptm-preview-placeholder { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 30px 70px 54px; + background: #f9fafb; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder { + margin-right: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } +} +.cptm-preview-placeholder__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); +} +.cptm-preview-placeholder__card__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; +} +.cptm-preview-placeholder__card__item--top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; +} +.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; +} +.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { + display: none; +} +.cptm-preview-placeholder__card__box { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; +} +.cptm-preview-placeholder__card__box .cptm-placeholder-label { + color: #868eae; + font-size: 14px; + font-weight: 500; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area { + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } +} +.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } +} +.cptm-preview-placeholder__card__box.listing-title-placeholder { + padding: 13px 8px; +} +.cptm-preview-placeholder__card__content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__btn { + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; +} +.cptm-preview-placeholder__card__btn .icon { + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; +} +.cptm-preview-placeholder__card .slider-placeholder { + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; +} +.cptm-preview-placeholder__card .draggable-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-right: 8px; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { + color: #1e1e1e; +} +.cptm-preview-placeholder--settings-closed { + max-width: 700px; + margin: 0 auto; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.atbdp-col { + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.atbdp-col-3 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; +} + +.atbdp-col-4 { + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; +} + +.atbdp-col-8 { + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + 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%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist_dropdown .directorist_dropdown-toggle:focus { + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist_dropdown .directorist_dropdown-toggle:before { + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + height: 20px; +} +.directorist_dropdown .directorist_dropdown-option { + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; +} +.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:empty { + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_dropdown .directorist_dropdown-option ul:empty:before { + content: "No Items Found"; +} +.directorist_dropdown .directorist_dropdown-option ul li { + margin-bottom: 0; +} +.directorist_dropdown .directorist_dropdown-option ul li a { + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; +} +.directorist_dropdown .directorist_dropdown-option ul li a.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; +} +.cptm-import-directory-modal .cptm-info-text { + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-import-directory-modal .cptm-info-text > b { + margin-right: 4px; +} + +/* Sticky fields */ +.cptm-col-sticky { + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; +} + +.cptm-widget-trash-confirmation-modal-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; +} +.cptm-widget-trash-confirmation-modal-overlay button { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-widget-trash-confirmation-modal-overlay button:hover { + background: #ba1230; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; +} + +.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) { + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } +} + +.cptm-container-group-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } +} +.cptm-container-group-fields .highlight-field { + padding: 0; +} +.cptm-container-group-fields .atbdp-row { + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-container-group-fields .atbdp-row .atbdp-col { + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; +} +.cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col label { + margin: 0; + font-size: 14px !important; + font-weight: normal; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 95px; +} +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.enable_single_listing_page .cptm-title-area { + margin: 30px 0; +} +.enable_single_listing_page .cptm-title-area .cptm-title { + font-size: 20px; + font-weight: 600; + color: #0a0a0a; +} +.enable_single_listing_page .cptm-title-area .cptm-des { + font-size: 14px; + color: #737373; + margin-top: 6px; +} +.enable_single_listing_page .cptm-input-toggle-content h3 { + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; +} +.enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} +.enable_single_listing_page .cptm-form-group { + margin-bottom: 40px; +} +.enable_single_listing_page .cptm-form-group--dropdown { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { + color: #3e62f5; +} +.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { + border-radius: 4px; + border-color: #d2d6db; +} +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; +} +.enable_single_listing_page .cptm-input-toggle { + width: 44px; + height: 22px; +} + +.cptm-form-group--api-select-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; +} +.cptm-form-group--api-select-icon span.la { + font-size: 22px; + color: #0a0a0a; +} + +.cptm-form-group--api-select h4 { + font-size: 16px; + color: #171717; +} +.cptm-form-group--api-select p { + color: #737373; +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { + font-size: 16px; + color: #0a0a0a; + margin-right: 8px; +} + +.cptm-form-title-field { + margin-bottom: 16px; +} +.cptm-form-title-field .cptm-form-title-field__label { + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; +} +.cptm-form-title-field .cptm-form-title-field__description { + font-size: 14px; + color: #4d5761; +} +.cptm-form-title-field .cptm-form-title-field__description a { + color: #345af4; +} + +.cptm-elements-settings { + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-right: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; +} +@media only screen and (max-width: 1199px) { + .cptm-elements-settings { + max-width: 100%; + } +} +@media only screen and (max-width: 782px) { + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings { + border: none; + padding: 0; + } +} +.cptm-elements-settings__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; +} +.cptm-elements-settings__header__title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-elements-settings__group { + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper { + position: relative; + overflow: visible !important; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-elements-settings__group:last-child { + border-bottom: none; +} +.cptm-elements-settings__group__title { + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; +} +.cptm-elements-settings__group__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; +} +.cptm-elements-settings__group__single:hover { + border-color: #3e62f5; +} +.cptm-elements-settings__group__single .drag-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-elements-settings__group__single .drag-icon:hover { + color: #1e1e1e; +} +.cptm-elements-settings__group__single__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; +} +.cptm-elements-settings__group__single__label__icon { + color: #4d5761; + font-size: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } +} +.cptm-elements-settings__group__single__action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-elements-settings__group__single__edit { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-elements-settings__group__single__edit__icon { + font-size: 20px; + color: #4d5761; +} +.cptm-elements-settings__group__single__edit--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__single__switch label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; +} +.cptm-elements-settings__group__single__switch label::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch label::after { + content: ""; + position: absolute; + top: 3px; + left: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(14px); + transform: translateX(14px); +} +.cptm-elements-settings__group__single--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__options { + position: absolute; + width: 100%; + top: 42px; + left: 0; + z-index: 1; + padding-bottom: 20px; +} +.cptm-elements-settings__group__options .cptm-option-card { + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); +} +.cptm-elements-settings__group__options .cptm-option-card:before { + right: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; +} +.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { + margin-bottom: 8px; +} +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; +} + +.cptm-shortcode-generator { + max-width: 100%; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button:hover { + color: #fff; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button i { + font-size: 14px; +} +.cptm-shortcode-generator .cptm-shortcodes-wrapper { + margin-top: 20px; +} +.cptm-shortcode-generator .cptm-shortcodes-box { + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; +} +.cptm-shortcode-generator .cptm-copy-icon-button { + position: absolute; + top: 12px; + right: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; +} +.cptm-shortcode-generator .cptm-copy-icon-button:hover { + color: #000; +} +.cptm-shortcode-generator .cptm-copy-icon-button:focus { + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-content { + padding-right: 40px; +} +.cptm-shortcode-generator .cptm-shortcode-item { + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; +} +.cptm-shortcode-generator .cptm-shortcode-item:hover { + background-color: #e5e7eb; +} +.cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { + margin-bottom: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-footer { + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-text { + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-separator { + color: #747c89; +} +.cptm-shortcode-generator .cptm-regenerate-link { + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} +.cptm-shortcode-generator .cptm-regenerate-link:hover { + color: #3e62f5; + text-decoration: underline; +} +.cptm-shortcode-generator .cptm-regenerate-link:focus { + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; +} +.cptm-shortcode-generator .cptm-no-shortcodes { + margin-top: 12px; +} +.cptm-shortcode-generator .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} + +.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: 9999; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.icon-picker__inner { + width: 935px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background: white; + height: 800px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + border-radius: 6px; +} +.icon-picker__close { + width: 34px; + height: 34px; + border-radius: 50%; + background-color: #5a5f7d; + color: #fff; + font-size: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + right: 20px; + top: 23px; + z-index: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.icon-picker__close:hover { + color: #fff; + background-color: #222; +} +.icon-picker__sidebar { + width: 30%; + background-color: #eff0f3; + padding: 30px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.icon-picker__content { + width: 70%; + overflow: auto; +} +.icon-picker__content .icons-group { + padding-top: 80px; +} +.icon-picker__content .icons-group h4 { + font-size: 16px; + font-weight: 500; + color: #272b41; + background-color: #ffffff; + padding: 33px 0 27px 20px; + border-bottom: 1px solid #e3e6ef; + margin: 0; + position: absolute; + left: 30%; + top: 0; + width: 70%; +} +.icon-picker__content .icons-group-icons { + padding: 17px 0 17px 17px; +} +.icon-picker__content .icons-group-icons .font-icon-btn { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 5px 3px; + width: 70px; + height: 70px; + background-color: #f4f5f7; + border-radius: 5px; + font-size: 24px; + color: #868eae; + font-size: 18px !important; + border: 0 none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { + background-color: #3e62f5; + color: #fff; + font-size: 30px; + -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + border: 1px solid #e3e6ef; +} +.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::-webkit-input-placeholder { + color: #797d93; +} +.icon-picker__filter input::-moz-placeholder { + color: #797d93; +} +.icon-picker__filter input:-ms-input-placeholder { + color: #797d93; +} +.icon-picker__filter input::-ms-input-placeholder { + color: #797d93; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 15px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 -10px; +} +.icon-picker-selector__icon { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 10px; +} +.icon-picker-selector__icon .directorist-selected-icon { + position: absolute; + left: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.icon-picker-selector__icon .cptm-form-control { + pointer-events: none; +} +.icon-picker-selector__icon__reset { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + padding: 5px 15px; +} +.icon-picker-selector__btn { + margin: 0 10px; + height: 40px; + background-color: #dadce0; + border-radius: 4px; + border: 0 none; + font-weight: 500; + padding: 0 30px; + cursor: pointer; +} + +.directorist-category-icon-picker { + margin-top: 10px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.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-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-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-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.directorist-w-100 { + width: 100% !important; + max-width: 100% !important; +} + +.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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; +} + +.directorist-droppable-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.directorist-droppable-item-preview { + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 0; + border-radius: 4px; +} + +.directorist-droppable-item-preview-before { + margin-bottom: 20px; +} + +.directorist-droppable-item-preview-after { + margin-bottom: 20px; +} + +/* Create Directory Type */ +.directorist-directory-type-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; +} +.directorist-directory-type-top:before { + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + left: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .directorist-directory-type-top { + padding: 10px 30px; + } +} +.directorist-directory-type-top-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 767px) { + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-directory-type-top-left .cptm-form-group { + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; +} +.directorist-directory-type-top-left .cptm-form-group .cptm-form-control { + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; +} +.directorist-directory-type-top-left .directorist-back-directory { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-directory-type-top-left .directorist-back-directory svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-directory-type-top-left .directorist-back-directory:hover { + color: #3e62f5; +} +.directorist-directory-type-top-right .directorist-create-directory { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-directory-type-top-right .directorist-create-directory:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist-directory-type-top-right .cptm-btn { + margin: 0; +} + +.directorist-type-name { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; +} +.directorist-type-name span { + font-size: 20px; + color: #747c89; +} + +.directorist-type-name-editable { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist-type-name-editable span { + font-size: 20px; + color: #747c89; +} +.directorist-type-name-editable span:hover { + color: #3e62f5; +} + +.directorist-directory-type-bottom { + position: fixed; + bottom: 0; + right: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } +} +.directorist-directory-type-bottom .cptm-header-navigation { + position: fixed; + right: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 1024px) { + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +@media only screen and (max-width: 782px) { + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } +} +.directorist-directory-type-bottom .atbdp-cptm-body { + position: relative; + margin-top: 72px; +} +@media only screen and (max-width: 600px) { + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } +} + +.wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } +} +.wp-admin.folded .directorist-directory-type-bottom { + width: calc(100% - 80px); +} +.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 78px); +} +@media only screen and (max-width: 782px) { + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } +} + +.directorist-draggable-form-list-wrap { + margin-right: 50px; +} + +/* Body Header */ +.directorist-form-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; +} +.directorist-form-action__modal-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; +} +.directorist-form-action__modal-btn svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__modal-btn:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__link { + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; +} +.directorist-form-action__view { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; +} +.directorist-form-action__view svg { + width: 14px; + height: 14px; + color: inherit; +} +.directorist-form-action__view:hover { + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; +} +.directorist-form-action__view:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-note { + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.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 { + position: relative; + display: block; + color: #23282d; +} +.atbdp-cpt-manager.directorist-overlay-visible { + position: fixed; + z-index: 9; + width: calc(100% - 200px); +} +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; +} +.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { + z-index: 11; +} + +.atbdp-cptm-header { + display: block; +} +.atbdp-cptm-header .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 .atbdp-cptm-footer-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; +} +.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { + font-size: 12px; + font-weight: 400; + color: #747c89; +} + +.atbdp-cptm-footer-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.atbdp-cptm-footer-actions .cptm-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; +} +.atbdp-cptm-footer-actions .cptm-save-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-title-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; +} + +.cptm-card-preview-widget .cptm-title-bar { + margin: 0; +} + +.cptm-title-bar-headings { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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; + -webkit-transition: all ease-in-out 300ms; + 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; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; +} +.cptm-btn.cptm-btn-secondery:hover { + color: #fff; + background-color: #3e62f5; +} + +.cptm-file-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-file-input-wrap .cptm-btn { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-btn-box { + display: block; +} + +.cptm-form-builder-group-field-drop-area { + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-field-drop-area:first-child { + margin-top: 0; +} +.cptm-form-builder-group-field-drop-area.drag-enter { + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; +} + +.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); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; +} +@media screen and (max-width: 960px) { + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } +} +@media screen and (max-width: 782px) { + .atbdp-cptm-status-feedback { + left: 50%; + } +} + +.cptm-alert { + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-alert: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; +} +.cptm-alert-success:before { + content: "\f058"; + color: #14b570; +} + +.cptm-alert-error { + background-color: #f3d6d6; + border: 1px solid #c51616; +} +.cptm-alert-error:before { + content: "\f057"; + color: #c51616; +} + +.cptm-dropable-element { + position: relative; +} + +.cptm-dropable-base-element { + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; +} + +.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; + -webkit-transition: all ease-in-out 200ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 480px) { + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-header-nav__list-item { + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; +} +@media (max-width: 480px) { + .cptm-header-nav__list-item { + width: 100%; + } +} + +.cptm-header-nav__list-item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; +} +@media only screen and (max-width: 480px) { + .cptm-header-nav__list-item-link { + padding: 16px 0; + } +} +.cptm-header-nav__list-item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; +} +.cptm-header-nav__list-item-link .cptm-header-nav__icon { + font-size: 24px; +} +.cptm-header-nav__list-item-link.active { + font-weight: 600; +} +.cptm-header-nav__list-item-link.active:before { + background-color: #3e62f5; +} +.cptm-header-nav__list-item-link.active .cptm-header-nav__icon, +.cptm-header-nav__list-item-link.active .cptm-header-nav__label { + color: #3e62f5; +} + +.cptm-header-nav__icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-header-nav__icon svg { + width: 24px; + height: 24px; +} + +.cptm-header-nav__label { + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; +} + +.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; +} +.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: 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 { + width: 100%; + display: block; + background-color: #fff; +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 92px; +} +@media only screen and (max-width: 782px) { + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } +} +.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; +} + +.atbdp-cptm-tab-item { + display: none; +} +.atbdp-cptm-tab-item.active { + display: block; +} + +.cptm-tab-content-header { + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header { + margin-top: 0; + } +} +.cptm-tab-content-header .cptm-tab-content-header__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + right: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; +} +@media only screen and (max-width: 991px) { + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 25px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + right: 0; + } +} + +.cptm-tab-content-body { + display: block; +} + +.cptm-tab-content { + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-tab-content.tab-wide { + max-width: 1080px; +} +.cptm-tab-content.tab-short-wide { + max-width: 600px; +} +.cptm-tab-content.tab-full-width { + max-width: 100%; +} +.cptm-tab-content.cptm-tab-content-general { + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; +} +@media only screen and (max-width: 960px) { + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } +} +@media only screen and (max-width: 782px) { + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } +} +.cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { + margin-bottom: 50px; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.cptm-col-5 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-6 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-col-7 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; +} +@media (max-width: 767px) { + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } +} + +.cptm-section { + position: relative; + z-index: 10; +} +.cptm-section.cptm-section--disabled .cptm-builder-section { + opacity: 0.6; + pointer-events: none; +} +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-section.single_listing_header { + border-top: 1px solid #e5e7eb; +} +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + right: 0; + top: 0; + margin: 0; +} +.cptm-section.preview_mode { + position: absolute; + right: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.preview_mode:before { + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; +} +@media only screen and (min-width: 1441px) { + .cptm-section.preview_mode { + width: calc(65% - 49px); + } +} +@media only screen and (max-width: 1024px) { + .cptm-section.preview_mode { + width: calc(100% - 49px); + } +} +@media only screen and (max-width: 480px) { + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } +} +.cptm-section.preview_mode .cptm-title-area { + display: none; +} +.cptm-section.preview_mode .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.cptm-section.preview_mode .directorist-footer-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; +} +@media only screen and (max-width: 575px) { + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; +} +.cptm-section.preview_mode .directorist-footer-wrap .directorist-input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { + font-size: 16px; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; +} +.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 26px 8px 40px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + left: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-section.listings_card_list_view .cptm-card-top-area { + max-width: unset; +} +.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { + border-radius: 10px; +} +.cptm-section.new_listing_status { + z-index: 11; +} +.cptm-section:last-child { + margin-bottom: 0; +} + +.cptm-form-builder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media only screen and (max-width: 1024px) { + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } +} +.cptm-form-builder.submission_form_fields .cptm-form-builder-content { + border-bottom: 25px solid #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} +.cptm-form-builder.single_listings_contents { + border-top: 1px solid #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } +} + +.cptm-form-builder-sidebar { + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (min-width: 1441px) { + .cptm-form-builder-sidebar { + max-width: 35%; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-action { + padding-bottom: 0; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } +} +.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-content { + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-left: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-action { + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-content .cptm-form-builder-active-fields { + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); +} +@media only screen and (max-width: 1399px) { + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } +} + +.cptm-form-builder-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; +} + +.cptm-form-builder-action-title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; +} + +.cptm-form-builder-action-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cptm-form-builder-preset-fields:not(:last-child) { + margin-bottom: 40px; +} + +.cptm-form-builder-preset-fields-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; +} +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; +} +.cptm-form-builder-preset-fields-header-action-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-preset-fields-header-action-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; +} + +.cptm-form-builder-preset-fields-header-action-link { + color: #747c89; +} + +.cptm-title-3 { + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; +} + +.cptm-description-text { + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; +} + +.cptm-form-builder-active-fields { + display: block; + height: 100%; +} +.cptm-form-builder-active-fields.empty-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; +} +.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { + height: auto; + z-index: auto; +} +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; +} +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; +} +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; +} + +.cptm-form-builder-active-fields-container { + position: relative; + margin: 0; + z-index: 1; +} + +.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 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-active-fields-footer .cptm-btn span { + font-size: 16px; +} + +.cptm-form-builder-active-fields-group { + position: relative; + margin-bottom: 6px; + padding-bottom: 0; +} + +.cptm-form-builder-group-header-section { + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + right: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + right: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; +} + +.cptm-form-builder-group-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} + +.cptm-form-builder-group-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; +} + +.cptm-form-builder-group-header-content__dropable-wrapper { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-no-wrap { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + 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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} + +.cptm-form-builder-group-header-content__dropable-placeholder { + margin-right: 15px; +} + +.cptm-form-builder-header-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} + +.cptm-form-builder-group-actions-dropdown-content.expanded { + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; +} + +.cptm-form-builder-group-actions { + display: block; + min-width: 34px; + margin-left: 15px; +} + +.cptm-form-builder-group-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title { + font-size: 13px; + } +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label { + cursor: text; +} +.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { + height: 40px; + padding: 4px 50px 4px 6px; + border-radius: 2px; + border: 1px solid #3e62f5; +} +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +} + +.cptm-form-builder-group-title-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-group-options { + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} +.cptm-form-builder-group-options .directorist-form-fields-advanced { + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; +} +.cptm-form-builder-group-options .directorist-form-fields-advanced:hover { + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; +} + +.cptm-form-builder-group-fields { + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); +} + +.icon-picker-selector { + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); +} +.icon-picker-selector .icon-picker-selector__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; +} +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; +} +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; +} +.icon-picker-selector .icon-picker-selector__icon input { + height: 32px; + border: none !important; + padding-left: 0 !important; +} +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; +} +.icon-picker-selector .icon-picker-selector__btn { + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.icon-picker-selector .icon-picker-selector__btn:hover { + background-color: #e3e6e9; +} + +.cptm-restricted-area { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); +} + +.cptm-form-builder-group-field-item { + margin-bottom: 8px; + position: relative; +} +.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 6px 0 0 6px; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 0 6px 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; +} + +.cptm-form-builder-group-field-item-actions { + display: block; + position: absolute; + right: -15px; + -webkit-transform: translate(34px, 7px); + transform: translate(34px, 7px); +} + +.cptm-form-builder-group-field-item-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.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-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } +} +.cptm-form-builder-header-action-link.disabled { + color: #a1a9b2; + pointer-events: none; +} + +.cptm-form-builder-header-toggle-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } +} +.cptm-form-builder-header-toggle-link.action-collapse-down { + color: #3e62f5; +} +.cptm-form-builder-header-toggle-link.disabled { + opacity: 0.5; + pointer-events: none; +} + +.action-collapse-up span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); +} + +.action-collapse-down span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.cptm-form-builder-group-field-item-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-form-builder-group-field-item-body { + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; +} + +.cptm-form-builder-group-item-drag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; +} +@media only screen and (max-width: 480px) { + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } +} + +.cptm-form-builder-field-list { + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-builder-field-list .directorist-draggable-list-item { + position: unset; +} + +.cptm-form-builder-field-list-item { + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-form-builder-field-list-item:hover { + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); +} +.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% - 6px); + } +} + +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; +} + +.cptm-form-builder-field-list-item { + position: relative; +} +.cptm-form-builder-field-list-item > pre { + position: absolute; + top: 3px; + right: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; +} + +.cptm-form-builder-field-list-icon { + display: inline-block; + margin-right: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; +} + +.cptm-form-builder-field-list-item-icon { + font-size: 14px; + margin-right: 1px; +} + +.cptm-form-builder-field-list-label, +.cptm-form-builder-field-list-item-label { + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; +} + +.cptm-option-card--draggable .cptm-form-builder-field-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-left: 25px; +} + +.cptm-info-text-area { + margin-bottom: 10px; +} + +.cptm-info-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; +} + +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; +} +.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%; + -webkit-transition: all ease-in-out 300ms; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: 20px; +} + +.cptm-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-tab-area .cptm-tab-item input { + display: none; +} +.cptm-tab-area .cptm-tab-item input:checked + label { + color: #fff; + background-color: #3e62f5; +} +.cptm-tab-area .cptm-tab-item label { + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-tab-area .cptm-tab-item label:hover { + color: #fff; + background-color: #3e62f5; +} + +@media screen and (max-width: 782px) { + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } +} + +.cptm-schema-tab-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; +} +.cptm-schema-tab-label { + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; +} +.cptm-schema-tab-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; +} +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; +} +.cptm-schema-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item { + width: 100%; + } +} +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; +} +@media screen and (max-width: 782px) { + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } +} +.cptm-schema-tab-item.active { + border-color: #3e62f5 !important; + background-color: #f0f3ff; +} +.cptm-schema-tab-item.active .cptm-schema-label-wrapper { + color: #3e62f5 !important; +} +.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-schema-label-wrapper { + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-schema .cptm-schema-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.cptm-schema-label-badge { + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; +} +.cptm-schema-label-description { + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; +} + +#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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-form-range-wrap .cptm-form-range-bar { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; +} +.cptm-thumbnail img { + display: block; + width: 100%; + height: auto; +} + +.cptm-thumbnail-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-thumbnail-placeholder-icon { + font-size: 40px; + color: #d2d6db; +} +.cptm-thumbnail-placeholder-icon 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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +.cptm-sub-navigation { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-sub-navigation { + padding: 10px; + } +} + +.cptm-sub-nav__item { + list-style: none; + margin: 0; +} + +.cptm-sub-nav__item-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { + padding: 0 10px; + margin-right: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 0 4px 4px 0; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { + background: #f9f9f9; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { + width: 24px; + height: 24px; +} +.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { + stroke: #4d5761; +} +.cptm-sub-nav__item-link.active { + color: #141921; + background: #ffffff; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { + stroke: #141921; +} +.cptm-sub-nav__item-link:hover:not(.active) { + color: #141921; + background: #ffffff; +} + +.cptm-builder-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +@media only screen and (max-width: 1199px) { + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-options-area { + width: 320px; + margin: 0; +} + +.cptm-option-card { + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; +} +.cptm-option-card:before { + content: ""; + border-bottom: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + top: -6px; + right: 22px; +} +.cptm-option-card.cptm-animation-flip { + -webkit-transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); +} +.cptm-option-card.cptm-animation-slide-up { + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); +} +.cptm-option-card.active { + display: block; + opacity: 1; + pointer-events: all; +} +.cptm-option-card.active.cptm-animation-flip { + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); +} +.cptm-option-card.active.cptm-animation-slide-up { + -webkit-transform: translate(0, 0); + 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: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-header-action-link:hover { + color: #1890ff; +} + +.cptm-option-card-header { + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; +} + +.cptm-option-card-header-title-section { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-title { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; +} + +.cptm-header-action-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 0 0 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-option-card-header-nav-section { + display: block; +} + +.cptm-option-card-header-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-header-nav-item { + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card-header-nav-item.active { + background-color: rgba(255, 255, 255, 0.15); +} + +.cptm-option-card-body { + padding: 16px; + max-height: 500px; + overflow-y: auto; +} +.cptm-option-card-body .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-option-card-body .cptm-form-group label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; +} +.cptm-option-card-body .cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-option-card-body .directorist-type-icon-select { + margin-bottom: 20px; +} +.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.cptm-widget-actions, +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translate(-50%, 3px); + transform: translate(-50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; +} + +.cptm-widget-actions-wrap { + position: relative; + width: 100%; +} + +.cptm-widget-action-modal-container { + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, 20px); + transform: translate(-50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; +} +.cptm-widget-action-modal-container.active { + pointer-events: all; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +@media only screen and (max-width: 480px) { + .cptm-widget-action-modal-container { + max-width: 250px; + } +} + +.cptm-widget-insert-modal-container .cptm-option-card:before { + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} + +.cptm-widget-option-modal-container .cptm-option-card:before { + right: unset; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-option-modal-container .cptm-option-card { + margin: 0; +} +.cptm-widget-option-modal-container .cptm-option-card-header { + background-color: #fff; + border: 1px solid #e5e7eb; +} +.cptm-widget-option-modal-container .cptm-header-action-link { + color: #2c3239; +} +.cptm-widget-option-modal-container .cptm-header-action-link:hover { + color: #1890ff; +} +.cptm-widget-option-modal-container .cptm-option-card-body { + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-widget-option-modal-container .cptm-option-card-header-title-section, +.cptm-widget-option-modal-container .cptm-option-card-header-title { + color: #2c3239; +} + +.cptm-widget-actions-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.cptm-widget-action-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-action-link:focus { + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; +} +.cptm-widget-action-link:hover { + background-color: #3e62f5; + color: #fff; +} +.cptm-widget-action-link:hover svg path { + fill: #fff; +} + +.cptm-widget-card-drop-prepend { + border-radius: 8px; +} + +.cptm-widget-card-drop-append { + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; +} +.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-wrap.cptm-widget-card-disabled { + opacity: 0.3; + pointer-events: none; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { + opacity: 1; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; +} +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; +} +.cptm-widget-card-wrap .cptm-widget-card-disabled-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap { + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { + position: absolute; + right: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; +} + +.cptm-widget-card-inline-wrap { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.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-widget-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-widget-badge .cptm-widget-badge-icon, +.cptm-widget-badge .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-widget-badge .cptm-widget-badge-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; +} +.cptm-widget-badge .cptm-widget-badge-label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: left; +} +.cptm-widget-badge .cptm-widget-badge-trash { + margin-left: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; +} +.cptm-widget-badge .cptm-widget-badge-trash:hover { + color: #3e62f5; +} +.cptm-widget-badge.cptm-widget-badge--icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; +} +.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { + font-size: 12px; +} + +.cptm-preview-area { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-preview-wrapper { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-wrapper .cptm-preview-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; +} +.cptm-preview-wrapper .cptm-preview-area-archive img { + max-height: 100px; +} + +.cptm-preview-notice { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-notice.cptm-preview-notice--list { + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-notice .cptm-preview-notice-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; +} +.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; +} + +.cptm-widget-thumb .cptm-widget-thumb-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-widget-thumb .cptm-widget-thumb-icon i { + font-size: 133px; + color: #a1a9b2; +} +.cptm-widget-thumb .cptm-widget-label { + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; +} + +.cptm-placeholder-block-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.cptm-placeholder-block-wrapper:last-child { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block-wrapper .cptm-placeholder-block { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status span { + color: #747c89; +} +.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { + background: #d2d6db; +} +.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-left: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + left: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; +} + +.cptm-placeholder-block { + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-placeholder-block.cptm-widget-picker-open { + z-index: 100; +} + +.cptm-placeholder-label { + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; +} +.cptm-placeholder-label.hide { + display: none; +} + +.cptm-listing-card-preview-footer .cptm-placeholder-label { + color: #868eae; +} + +.dndrop-ghost.dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-center-content.cptm-content-wide * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-mb-10 { + margin-bottom: 10px !important; +} + +.cptm-mb-12 { + margin-bottom: 12px !important; +} + +.cptm-mb-20 { + margin-bottom: 20px !important; +} + +.cptm-listing-card-body-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-align-left { + text-align: left; +} + +.cptm-listing-card-body-header-left { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.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; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); +} +.cptm-card-preview-widget.cptm-card-list-view { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.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 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 4px 0 0 4px !important; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 6px 0 0; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + left: 50%; + -webkit-transform: translate(-50%, 10px); + transform: translate(-50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; +} +.cptm-card-preview-widget .cptm-options-area { + position: absolute; + top: 38px; + left: unset; + right: 30px; + z-index: 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-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-thumbnail { + position: relative; + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholer { + height: 100%; +} + +.cptm-card-preview-thumbnail-placeholder { + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-listing-card-preview-quick-info-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cptm-card-preview-thumbnail-bg { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; +} + +.cptm-card-preview-thumbnail-bg span { + color: rgba(255, 255, 255, 0.1); +} + +.cptm-card-preview-bottom-right-placeholder { + display: block; + text-align: right; +} + +.cptm-listing-card-preview-body { + display: block; + padding: 16px; + position: relative; +} + +.cptm-listing-card-author-avatar { + z-index: 1; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate(16px, -14px); + transform: translate(16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-listing-card-author-avatar .cptm-placeholder-block { + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.cptm-placeholder-author-thumb { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} +.cptm-placeholder-author-thumb img { + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { + position: absolute; + bottom: -18px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { + color: #ffffff; + background: #d94a4a; +} +.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { + position: absolute; + bottom: -10px; +} + +.cptm-widget-title-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; +} + +.cptm-widget-tagline-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: left; + font-size: 13px; + font-weight: 400; + color: #4d5761; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-form-group-col { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; +} + +.cptm-form-group-info { + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; +} + +.cptm-widget-actions-tools { + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; +} +.cptm-widget-actions-tools a { + padding: 0 6px; + font-size: 12px; + color: #fff; +} + +.cptm-widget-control-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; +} + +.cptm-widget-control { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); +} +.cptm-widget-control::after { + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + z-index: -1; +} +.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; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-control-action:hover { + background-color: #0e3bf2; +} + +.cptm-card-preview-top-left { + width: calc(50% - 4px); + position: absolute; + top: 0; + left: 0; + z-index: 103; +} + +.cptm-card-preview-top-left-placeholder { + display: block; + text-align: left; +} +.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right { + position: absolute; + right: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; +} +.cptm-card-preview-top-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-top-right-placeholder { + text-align: right; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cptm-card-preview-bottom-left { + position: absolute; + width: calc(50% - 4px); + bottom: 0; + left: 0; + z-index: 102; +} +.cptm-card-preview-bottom-left .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-card-preview-bottom-left .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; +} + +.cptm-card-preview-bottom-left-placeholder { + display: block; + text-align: left; +} + +.cptm-card-preview-bottom-right { + position: absolute; + bottom: 0; + right: 0; + width: calc(50% - 4px); + z-index: 102; +} +.cptm-card-preview-bottom-right .cptm-widget-preview-area { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right .cptm-widget-option-modal-container { + top: unset; + bottom: 20px; +} +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; +} + +.cptm-card-preview-body .cptm-widget-option-modal-container, +.cptm-card-preview-badges .cptm-widget-option-modal-container { + left: unset; + -webkit-transform: unset; + transform: unset; + right: calc(100% + 57px); +} + +.grid-view-without-thumbnail .cptm-input-toggle { + width: 28px; + height: 16px; +} +.grid-view-without-thumbnail .cptm-input-toggle:after { + width: 12px; + height: 12px; + margin: 2px; +} +.grid-view-without-thumbnail .cptm-input-toggle.active::after { + -webkit-transform: translateX(calc(-100% - 4px)); + transform: translateX(calc(-100% - 4px)); +} +.grid-view-without-thumbnail .cptm-card-preview-widget-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.grid-view-without-thumbnail .cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + right: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; +} +.grid-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} +.grid-view-without-thumbnail .cptm-listing-card-author-avatar { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.grid-view-without-thumbnail .cptm-listing-card-quick-actions { + width: 135px; +} +.grid-view-without-thumbnail .cptm-listing-card-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); +} + +.list-view-without-thumbnail .cptm-card-preview-widget-content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.list-view-without-thumbnail .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.list-view-without-thumbnail .cptm-listing-card-preview-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; +} +@media only screen and (max-width: 480px) { + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } +} +.list-view-without-thumbnail .cptm-listing-card-preview-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.list-view-without-thumbnail .cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; +} + +.cptm-card-placeholder-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +@media only screen and (max-width: 480px) { + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.cptm-listing-card-preview-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { + height: 100%; +} + +.cptm-card-preview-footer-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-card-preview-footer-right { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-listing-card-preview-body-placeholder { + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { + color: #141921; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; +} + +.cptm-listing-card-preview-footer-left-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; +} + +.cptm-listing-card-preview-footer-right-placeholder { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + 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-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.cptm-widget-preview-area .cptm-widget-preview-card { + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + left: 50%; + -webkit-transform: translate(-50%, -7px); + transform: translate(-50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + bottom: -7px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; +} + +.widget-drag-handle { + cursor: move; +} + +.cptm-card-light.cptm-placeholder-block { + border-color: #d2d6db; + background: #f9fafb; +} +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.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-color: #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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; +} + +.cptm-widget-nav-item { + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; +} +.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: 600; + color: #141921; + margin-bottom: 8px; +} +.cptm-form-group .cptm-form-control { + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-group.cptm-form-content { + text-align: center; + margin-bottom: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-select { + text-align: left; +} +.cptm-form-group.cptm-form-content .cptm-form-content-title { + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; +} +.cptm-form-group.cptm-form-content .cptm-form-content-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:before { + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { + pointer-events: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; +} +.cptm-form-group.tab-field .cptm-preview-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-form-group.cpt-has-error .cptm-form-control { + border: 1px solid rgb(192, 51, 51); +} + +.cptm-form-group-tab-list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; +} +.cptm-form-group-tab-list .cptm-form-group-tab-item { + margin: 0; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link:hover { + color: #3e62f5; +} +.cptm-form-group-tab-list .cptm-form-group-tab-link.active { + background-color: #d8e0fd; + color: #3e62f5; +} + +.cptm-preview-image-upload { + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show { + margin-bottom: 0; + height: 100%; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; +} + +.cptm-form-group-feedback { + display: block; +} + +.cptm-form-alert { + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-alert.cptm-error { + color: #c82424; +} + +.cptm-input-toggle-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.cptm-input-toggle-wrap.cptm-input-toggle-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-input-toggle-wrap label { + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; +} +.cptm-input-toggle-wrap .cptm-input-toggle-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.cptm-input-toggle { + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; +} +.cptm-input-toggle::after { + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-input-toggle.active { + background-color: #3e62f5; +} +.cptm-input-toggle.active::after { + left: 100%; + -webkit-transform: translateX(calc(-100% - 8px)); + transform: translateX(calc(-100% - 8px)); +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; +} +.cptm-multi-option-group-section-draft .cptm-form-group { + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; +} + +.form-repeater__container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +.form-repeater__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; +} +.form-repeater__group.sortable-chosen .form-repeater__input { + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + left: 0; +} +.form-repeater__remove-btn { + cursor: pointer; + position: absolute; + right: 0; +} +.form-repeater__remove-btn:hover { + color: #c83a3a; +} +.form-repeater__input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.form-repeater__input-value-added { + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; +} +.form-repeater__input:focus { + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; +} +.form-repeater__input::-webkit-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-moz-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input:-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::-ms-input-placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__input::placeholder { + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; +} +.form-repeater__add-group-btn { + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; +} +.form-repeater__add-group-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__add-group-btn svg { + width: 16px; + height: 16px; +} +.form-repeater__add-group-btn i { + font-size: 16px; +} + +/* Style the video popup */ +.cptm-modal-overlay { + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +@media (max-width: 960px) { + .cptm-modal-overlay { + width: 100%; + } +} +.cptm-modal-overlay .cptm-modal-container { + display: block; + height: auto; + position: absolute; + top: 50%; + left: 50%; + right: unset; + bottom: unset; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + overflow: visible; +} +@media (max-width: 767px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } +} +@media (max-width: 575px) { + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } +} + +.cptm-modal-content { + position: relative; +} +.cptm-modal-content .cptm-modal-video video { + width: 100%; + max-width: 500px; +} +.cptm-modal-content .cptm-modal-image .cptm-modal-image__img { + max-height: calc(100vh - 200px); +} +.cptm-modal-content .cptm-modal-preview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-modal-content .cptm-modal-content__close-btn { + position: absolute; + top: 0; + right: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; +} + +.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; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, +select.cptm-form-control:hover, +select.cptm-form-control:focus, +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; +} + +select.cptm-form-control, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; +} +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-color: #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-color: #fff; + border: 1px solid #e3e6ef; +} + +.tab-preview_image .cptm-title-area, +.tab-packages .cptm-title-area, +.tab-other .cptm-title-area { + margin-left: 0; +} +.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: 999999; + height: 100vh; +} +.cptm-modal-container.active { + display: block; +} + +.cptm-modal-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.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; +} + +.cptm-modal-confirmation-title { + margin: 30px auto; + font-size: 20px; + text-align: center; +} + +.cptm-section-alert-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; +} + +.cptm-section-alert-content { + text-align: center; + padding: 10px; +} + +.cptm-section-alert-icon { + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.cptm-color-picker-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-left: 10px; +} + +.cptm-wdget-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.atbdp-flex-align-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.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; + } +} + +.cptm-preview-placeholder { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 30px 70px 54px; + background: #f9fafb; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder { + margin-right: 0; + } +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } +} +.cptm-preview-placeholder__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); +} +.cptm-preview-placeholder__card__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; +} +.cptm-preview-placeholder__card__item--top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; +} +.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; +} +.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { + display: none; +} +.cptm-preview-placeholder__card__box { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; +} +.cptm-preview-placeholder__card__box .cptm-placeholder-label { + color: #868eae; + font-size: 14px; + font-weight: 500; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area { + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } +} +.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } +} +.cptm-preview-placeholder__card__box.listing-title-placeholder { + padding: 13px 8px; +} +.cptm-preview-placeholder__card__content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__btn { + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; +} +.cptm-preview-placeholder__card__btn .icon { + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; +} +.cptm-preview-placeholder__card .slider-placeholder { + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 480px) { + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; +} +.cptm-preview-placeholder__card .draggable-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-right: 8px; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { + color: #1e1e1e; +} +.cptm-preview-placeholder--settings-closed { + max-width: 700px; + margin: 0 auto; +} +@media (max-width: 1199px) { + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; +} + +.atbdp-col { + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.atbdp-col-3 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; +} + +.atbdp-col-4 { + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; +} + +.atbdp-col-8 { + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + 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%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist_dropdown .directorist_dropdown-toggle:focus { + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist_dropdown .directorist_dropdown-toggle:before { + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + height: 20px; +} +.directorist_dropdown .directorist_dropdown-option { + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; +} +.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:empty { + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_dropdown .directorist_dropdown-option ul:empty:before { + content: "No Items Found"; +} +.directorist_dropdown .directorist_dropdown-option ul li { + margin-bottom: 0; +} +.directorist_dropdown .directorist_dropdown-option ul li a { + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; +} +.directorist_dropdown .directorist_dropdown-option ul li a.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; +} +.cptm-import-directory-modal .cptm-info-text { + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-import-directory-modal .cptm-info-text > b { + margin-right: 4px; +} + +/* Sticky fields */ +.cptm-col-sticky { + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; +} + +.cptm-widget-trash-confirmation-modal-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; +} +.cptm-widget-trash-confirmation-modal-overlay button { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-widget-trash-confirmation-modal-overlay button:hover { + background: #ba1230; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; +} +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; +} + +.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) { + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } +} + +.cptm-container-group-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } +} +.cptm-container-group-fields .highlight-field { + padding: 0; +} +.cptm-container-group-fields .atbdp-row { + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-container-group-fields .atbdp-row .atbdp-col { + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; +} +.cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col label { + margin: 0; + font-size: 14px !important; + font-weight: normal; +} +@media only screen and (max-width: 1300px) { + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } +} +.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 95px; +} +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } +} +@media only screen and (max-width: 991px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } +} +@media only screen and (max-width: 767px) { + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.enable_single_listing_page .cptm-title-area { + margin: 30px 0; +} +.enable_single_listing_page .cptm-title-area .cptm-title { + font-size: 20px; + font-weight: 600; + color: #0a0a0a; +} +.enable_single_listing_page .cptm-title-area .cptm-des { + font-size: 14px; + color: #737373; + margin-top: 6px; +} +.enable_single_listing_page .cptm-input-toggle-content h3 { + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; +} +.enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} +.enable_single_listing_page .cptm-form-group { + margin-bottom: 40px; +} +.enable_single_listing_page .cptm-form-group--dropdown { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; +} +.enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { + color: #3e62f5; +} +.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { + border-radius: 4px; + border-color: #d2d6db; +} +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; +} +.enable_single_listing_page .cptm-input-toggle { + width: 44px; + height: 22px; +} + +.cptm-form-group--api-select-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; +} +.cptm-form-group--api-select-icon span.la { + font-size: 22px; + color: #0a0a0a; +} + +.cptm-form-group--api-select h4 { + font-size: 16px; + color: #171717; +} +.cptm-form-group--api-select p { + color: #737373; +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); +} +.cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { + font-size: 16px; + color: #0a0a0a; + margin-right: 8px; +} + +.cptm-form-title-field { + margin-bottom: 16px; +} +.cptm-form-title-field .cptm-form-title-field__label { + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; +} +.cptm-form-title-field .cptm-form-title-field__description { + font-size: 14px; + color: #4d5761; +} +.cptm-form-title-field .cptm-form-title-field__description a { + color: #345af4; +} + +.cptm-elements-settings { + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-right: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; +} +@media only screen and (max-width: 1199px) { + .cptm-elements-settings { + max-width: 100%; + } +} +@media only screen and (max-width: 782px) { + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings { + border: none; + padding: 0; + } +} +.cptm-elements-settings__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; +} +.cptm-elements-settings__header__title { + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-elements-settings__group { + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper { + position: relative; + overflow: visible !important; +} +.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { + opacity: 0; +} +.cptm-elements-settings__group:last-child { + border-bottom: none; +} +.cptm-elements-settings__group__title { + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; +} +.cptm-elements-settings__group__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; +} +.cptm-elements-settings__group__single:hover { + border-color: #3e62f5; +} +.cptm-elements-settings__group__single .drag-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; +} +.cptm-elements-settings__group__single .drag-icon:hover { + color: #1e1e1e; +} +.cptm-elements-settings__group__single__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; +} +.cptm-elements-settings__group__single__label__icon { + color: #4d5761; + font-size: 24px; +} +@media only screen and (max-width: 480px) { + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } +} +.cptm-elements-settings__group__single__action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-elements-settings__group__single__edit { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-elements-settings__group__single__edit__icon { + font-size: 20px; + color: #4d5761; +} +.cptm-elements-settings__group__single__edit--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__single__switch label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; +} +.cptm-elements-settings__group__single__switch label::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch label::after { + content: ""; + position: absolute; + top: 3px; + left: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(14px); + transform: translateX(14px); +} +.cptm-elements-settings__group__single--disabled { + opacity: 0.4; + pointer-events: none; +} +.cptm-elements-settings__group__options { + position: absolute; + width: 100%; + top: 42px; + left: 0; + z-index: 1; + padding-bottom: 20px; +} +.cptm-elements-settings__group__options .cptm-option-card { + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); +} +.cptm-elements-settings__group__options .cptm-option-card:before { + right: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; +} +.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { + margin-bottom: 8px; +} +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; +} + +.cptm-shortcode-generator { + max-width: 100%; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button:hover { + color: #fff; +} +.cptm-shortcode-generator .cptm-generate-shortcode-button i { + font-size: 14px; +} +.cptm-shortcode-generator .cptm-shortcodes-wrapper { + margin-top: 20px; +} +.cptm-shortcode-generator .cptm-shortcodes-box { + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; +} +.cptm-shortcode-generator .cptm-copy-icon-button { + position: absolute; + top: 12px; + right: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; +} +.cptm-shortcode-generator .cptm-copy-icon-button:hover { + color: #000; +} +.cptm-shortcode-generator .cptm-copy-icon-button:focus { + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-content { + padding-right: 40px; +} +.cptm-shortcode-generator .cptm-shortcode-item { + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; +} +.cptm-shortcode-generator .cptm-shortcode-item:hover { + background-color: #e5e7eb; +} +.cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { + margin-bottom: 4px; +} +.cptm-shortcode-generator .cptm-shortcodes-footer { + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-text { + color: #747c89; +} +.cptm-shortcode-generator .cptm-footer-separator { + color: #747c89; +} +.cptm-shortcode-generator .cptm-regenerate-link { + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} +.cptm-shortcode-generator .cptm-regenerate-link:hover { + color: #3e62f5; + text-decoration: underline; +} +.cptm-shortcode-generator .cptm-regenerate-link:focus { + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; +} +.cptm-shortcode-generator .cptm-no-shortcodes { + margin-top: 12px; +} +.cptm-shortcode-generator .cptm-form-group-info { + font-size: 14px; + color: #4d5761; +} + +.cptm-theme-butterfly .cptm-info-text { + text-align: left; + margin: 0; +} + +.atbdp-settings-panel .cptm-form-group { + margin-bottom: 35px; +} +.atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled { + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.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: 8px; + 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; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon-wrapper { + margin: 0; + padding: 0; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 14px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + width: 40px; + height: 40px; + border-radius: 8px; + color: #4d5761; + background: #e5e7eb; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + aspect-ratio: 1/1; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + svg { + width: 16px; + height: 16px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + i { + color: #4d5761; +} +.atbdp-settings-panel .cptm-section.button_type, +.atbdp-settings-panel .cptm-section.enable_multi_directory { + z-index: 11; +} +.atbdp-settings-panel #style_settings__color_settings .cptm-section { + z-index: unset; +} + +/* settings panel css */ +.atbdp-settings-manager .directorist_builder-header { + margin-bottom: 30px; +} +.atbdp-settings-manager .atbdp-settings-manager__top { + max-width: 1200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links { + margin: 0; + padding: 0; + margin-top: 10px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li { + display: inline-block; + margin-bottom: 0; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li:not(:last-child) { + margin-right: 25px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li + a { + font-size: 14px; + text-decoration: none; + color: #5a5f7d; +} +.atbdp-settings-manager .atbdp-settings-manager__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 24px; + font-weight: 500; + color: #23282d; + margin-bottom: 28px; +} +.atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: none; + margin: 8px 0 0 30px; +} +@media only screen and (max-width: 575px) { + .atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: block; + } +} + +.directorist_vertical-align-m { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist_vertical-align-m .directorist_item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 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-color: #272b41; + padding: 15px 20px; + border-radius: 5px 5px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media only screen and (max-width: 767px) { + .setting-top-bar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.setting-top-bar .atbdp-setting-top-bar-right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +@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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.setting-top-bar .atbdp-setting-top-bar-right .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; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + + li + .directorist_setting-panel__pages--link:before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: "\f105"; + margin: 0px 2px 0 5px; + font-weight: 900; + position: relative; + top: 1px; +} +.setting-top-bar .search-suggestions-list { + border-radius: 5px; + padding: 20px; + -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + height: 360px; + overflow-y: auto; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; +} + +.setting-search-suggestions { + position: relative; + z-index: 999; +} + +.search-suggestions-list { + margin: 5px auto 0; + position: absolute; + width: 100%; + z-index: 9999; + -webkit-box-shadow: 0 0 3px #ccc; + box-shadow: 0 0 3px #ccc; + background-color: #fff; +} + +.search-suggestions-list--list-item { + list-style: none; +} + +.search-suggestions-list--link { + display: block; + padding: 10px 15px; + text-decoration: none; + -webkit-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; +} +.search-suggestions-list--link:hover { + background-color: #f2f2f2; +} + +.setting-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.settings-contents { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 20px 20px 0; + background-color: #fff; +} + +.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; + -webkit-box-shadow: 0 0 !important; + box-shadow: 0 0 !important; +} + +.settings-save-btn { + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.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-color: #f6f6f6; + border-right: 1px solid #f6f6f6; +} +@media only screen and (max-width: 767px) { + .setting-left-sibebar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow-y: auto; + background-color: #fff; + -webkit-transform: translateX(-250px); + transform: translateX(-250px); + -webkit-transition: 0.35s; + transition: 0.35s; + z-index: 99999; + } +} +.setting-left-sibebar.active { + -webkit-transform: translateX(0px); + transform: translateX(0px); +} + +.directorist_settings-panel-shade { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(39, 43, 65, 0.1882352941); + z-index: -1; + opacity: 0; + visibility: hidden; +} +.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-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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; + font-weight: 500; + color: #5a5f7d; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-left: 2px solid transparent; +} +.settings-nav__item ul li a:focus { + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + outline: 0 none; +} + +.settings-nav__item ul li a.active { + color: #3e62f5; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + border-left-color: #3e62f5; +} + +.settings-nav__item ul li a:hover { + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); +} + +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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 -20px; + padding: 15px 15px 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + background-color: #f8f9fb; +} +.settings-footer .setting-response-feedback { + color: #272b41; +} + +.settings-footer-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + color: #272b41; +} + +.atbdp-settings-panel .cptm-form-control, +.atbdp-settings-panel .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; +} + +.directorist-extensions > td > div { + margin: -2px 35px 10px; + border: 1px solid #e3e6ef; + padding: 13px 15px 15px; + border-radius: 5px; + position: relative; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.ext-height-fix:before { + position: absolute; + content: ""; + width: 100%; + height: 150px; + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(255, 255, 255, 0)), + color-stop(rgba(255, 255, 255, 0.94)), + to(#fff) + ); + background: linear-gradient( + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.94), + #fff + ); + left: 0; + bottom: 0; +} + +.ext-more-link { + color: #090e2a; + font-size: 14px; + font-weight: 500; +} + +.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; + -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + background-color: #fff; + overflow: hidden; +} + +.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-color: #f4f5f7; + padding: 20px 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 25px; +} + +.w-form-group:last-child { + margin-bottom: 0; +} + +.w-form-group label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + font-weight: 500; +} + +.w-form-group div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.w-form-group select, +.w-form-group input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + border: 1px solid #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} + +.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 { + -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + border-radius: 50%; + background-color: #fefefe; + height: 18px; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; + transition: -webkit-transform 0.25s ease-out 0.1s; + transition: transform 0.25s ease-out 0.1s; + transition: + transform 0.25s ease-out 0.1s, + -webkit-transform 0.25s ease-out 0.1s; + width: 18px; + top: 1px; +} + +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + padding: 0 12px; + color: #9299b8; + background-color: #eff0f3; + border-radius: 4px 0 0 4px; +} + +.w-input-group input { + padding-left: 58px !important; +} + +.wicon-done { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 50px; + background-color: #0fb73b; + border-radius: 50%; + width: 80px; + height: 80px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + margin-bottom: 10px; +} + +.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 { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + 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: -webkit-gradient( + linear, + left top, + right top, + from(transparent), + color-stop(rgba(255, 255, 255, 0.25)), + to(transparent) + ); + background: linear-gradient( + to right, + transparent, + rgba(255, 255, 255, 0.25), + transparent + ); + -webkit-animation: slideRight 2s linear infinite; + animation: slideRight 2s linear infinite; +} + +@-webkit-keyframes slideRight { + from { + left: 0; + } + to { + left: 100%; + } +} + +@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; + -webkit-animation: swRotate 2s linear infinite; + animation: swRotate 2s linear infinite; +} + +@-webkit-keyframes swRotate { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes swRotate { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + 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; +} + +.directorist-setup-wizard { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + height: auto; + margin: 0; + font-family: "Inter"; +} +.directorist-setup-wizard__wrapper { + height: 100%; + min-height: 100vh; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + padding: 0; + background-color: #f4f5f7; +} +.directorist-setup-wizard__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} +.directorist-setup-wizard__header__step { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 15px; + max-width: 700px; + padding: 15px 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 767px) { + .directorist-setup-wizard__header__step { + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + top: 80px; + width: 100%; + padding: 15px 20px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} +.directorist-setup-wizard__header__step .atbdp-setup-steps { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 25px; + overflow: hidden; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + height: 12px; + background-color: #ebebeb; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, +.directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { + background-color: #4353ff; +} +.directorist-setup-wizard__logo { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + border-right: 1px solid #e7e7e7; +} +@media (max-width: 767px) { + .directorist-setup-wizard__logo { + border: none; + } +} +.directorist-setup-wizard__logo img { + width: 140px; +} +.directorist-setup-wizard__close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + -webkit-margin-start: 138px; + margin-inline-start: 138px; + border-left: 1px solid #e7e7e7; +} +@media (max-width: 1199px) { + .directorist-setup-wizard__close { + -webkit-margin-start: 0; + margin-inline-start: 0; + } +} +.directorist-setup-wizard__close__btn svg path { + fill: #b7b7b7; + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.directorist-setup-wizard__close__btn:hover svg path { + fill: #4353ff; +} +.directorist-setup-wizard__footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + padding: 15px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} +@media (max-width: 375px) { + .directorist-setup-wizard__footer { + gap: 20px; + padding: 30px 20px; + } +} +.directorist-setup-wizard__btn { + padding: 0 20px; + height: 48px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-setup-wizard__btn:hover { + opacity: 0.85; +} +.directorist-setup-wizard__btn:disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; +} +@media (max-width: 375px) { + .directorist-setup-wizard__btn { + gap: 15px; + } +} +.directorist-setup-wizard__btn--skip { + background: transparent; + color: #000; + padding: 0; +} +.directorist-setup-wizard__btn--full { + width: 100%; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-setup-wizard__btn--return { + color: #141414; + background: #ebebeb; +} +.directorist-setup-wizard__btn--next { + position: relative; + gap: 10px; + padding: 0 25px; +} +@media (max-width: 375px) { + .directorist-setup-wizard__btn--next { + padding: 0 20px; + } +} +.directorist-setup-wizard__btn.loading { + position: relative; +} +.directorist-setup-wizard__btn.loading:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); +} +.directorist-setup-wizard__btn.loading:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 12px; + right: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; +} +.directorist-setup-wizard__next { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-setup-wizard__next .directorist-setup-wizard__btn { + height: 44px; +} +@media (max-width: 375px) { + .directorist-setup-wizard__next { + gap: 15px; + } +} +.directorist-setup-wizard__back__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #000; +} +.directorist-setup-wizard__back__btn:hover { + opacity: 0.85; +} +.directorist-setup-wizard__content { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-setup-wizard__content__title { + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; + color: #141414; +} +.directorist-setup-wizard__content__title--section { + font-size: 24px; + font-weight: 500; + margin: 30px 0 15px; +} +.directorist-setup-wizard__content__section-title { + font-size: 18px; + line-height: 26px; + font-weight: 600; + margin: 0 0 15px; + color: #141414; +} +.directorist-setup-wizard__content__desc { + font-size: 16px; + font-weight: 400; + margin: 0 0 10px; + color: #484848; +} +.directorist-setup-wizard__content__header { + margin: 0 auto; + text-align: center; +} +.directorist-setup-wizard__content__header--listings { + max-width: 100%; + text-align: center; +} +.directorist-setup-wizard__content__header__title { + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; +} +.directorist-setup-wizard__content__header__title:last-child { + margin: 0; +} +.directorist-setup-wizard__content__header__desc { + font-size: 16px; + line-height: 26px; + font-weight: 400; + margin: 0; +} +.directorist-setup-wizard__content__items { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 40px; + width: 100%; + max-width: 720px; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 480px) { + .directorist-setup-wizard__content__items { + padding: 35px 25px; + } +} +@media (max-width: 375px) { + .directorist-setup-wizard__content__items { + padding: 30px 20px; + } +} +.directorist-setup-wizard__content__items--listings { + gap: 30px; + padding: 40px 180px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +@media (max-width: 991px) { + .directorist-setup-wizard__content__items--listings { + padding: 40px 100px; + } +} +@media (max-width: 767px) { + .directorist-setup-wizard__content__items--listings { + padding: 40px 50px; + } +} +@media (max-width: 480px) { + .directorist-setup-wizard__content__items--listings { + padding: 35px 25px; + } +} +@media (max-width: 375) { + .directorist-setup-wizard__content__items--listings { + padding: 30px 20px; + } +} +.directorist-setup-wizard__content__items--completed { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 0; + padding: 40px 75px 50px; +} +@media (max-width: 480px) { + .directorist-setup-wizard__content__items--completed { + padding: 40px 30px 50px; + } +} +.directorist-setup-wizard__content__items--completed .congratulations-img { + margin: 0 auto 10px; +} +.directorist-setup-wizard__content__import { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-setup-wizard__content__import__title { + font-size: 18px; + font-weight: 500; + margin: 0; + color: #141414; +} +.directorist-setup-wizard__content__import__wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-setup-wizard__content__import__single label { + font-size: 15px; + font-weight: 400; + position: relative; + padding-left: 30px; + color: #484848; + cursor: pointer; +} +.directorist-setup-wizard__content__import__single label:before { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #b7b7b7; + position: absolute; + left: 0; + top: -1px; +} +.directorist-setup-wizard__content__import__single label:after { + content: ""; + background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg); + background-repeat: no-repeat; + width: 9px; + height: 7px; + position: absolute; + left: 5px; + top: 6px; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-setup-wizard__content__import__single input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; + border-color: #4353ff; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:after { + opacity: 1; +} +.directorist-setup-wizard__content__import__btn { + margin-top: 20px; +} +.directorist-setup-wizard__content__import__notice { + margin-top: 10px; + font-size: 14px; + font-weight: 400; + text-align: center; +} +.directorist-setup-wizard__content__btns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-setup-wizard__content__pricing__checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-setup-wizard__content__pricing__checkbox .feature-title { + font-size: 14px; + color: #484848; +} +.directorist-setup-wizard__content__pricing__checkbox label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + cursor: pointer; +} +.directorist-setup-wizard__content__pricing__checkbox label:before { + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; +} +.directorist-setup-wizard__content__pricing__checkbox label:after { + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__pricing__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:after { + right: 5px; + background-color: #ffffff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ .directorist-setup-wizard__content__pricing__amount { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-setup-wizard__content__pricing__amount { + display: none; +} +.directorist-setup-wizard__content__pricing__amount .price-title { + font-size: 14px; + color: #484848; +} +.directorist-setup-wizard__content__pricing__amount .price-amount { + font-size: 14px; + font-weight: 500; + color: #141414; + border-radius: 8px; + background-color: #ebebeb; + border: 1px solid #ebebeb; + padding: 10px 15px; +} +.directorist-setup-wizard__content__pricing__amount .price-amount input { + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + padding: 0; + max-width: 45px; + background: transparent; +} +.directorist-setup-wizard__content__gateway__checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 0 0 20px; +} +.directorist-setup-wizard__content__gateway__checkbox:last-child { + margin: 0; +} +.directorist-setup-wizard__content__gateway__checkbox .gateway-title { + font-size: 14px; + color: #484848; +} +.directorist-setup-wizard__content__gateway__checkbox label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + cursor: pointer; +} +.directorist-setup-wizard__content__gateway__checkbox label:before { + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; +} +.directorist-setup-wizard__content__gateway__checkbox label:after { + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__gateway__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:after { + right: 5px; + background-color: #ffffff; +} +.directorist-setup-wizard__content__gateway__checkbox .enable-warning { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + font-size: 12px; + font-style: italic; +} +.directorist-setup-wizard__content__notice { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + -webkit-transition: color 0.3s eases; + transition: color 0.3s eases; +} +.directorist-setup-wizard__content__notice:hover { + color: #4353ff; +} +.directorist-setup-wizard__checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +@media (max-width: 480px) { + .directorist-setup-wizard__checkbox { + width: 100%; + } + .directorist-setup-wizard__checkbox label { + width: 100%; + } +} +.directorist-setup-wizard__checkbox--custom { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + display: none; +} +.directorist-setup-wizard__checkbox label { + position: relative; + font-size: 14px; + font-weight: 500; + color: #141414; + height: 40px; + line-height: 38px; + padding: 0 40px 0 15px; + border-radius: 5px; + border: 1px solid #d6d6d6; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.directorist-setup-wizard__checkbox label:before { + content: ""; + background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg); + background-repeat: no-repeat; + width: 16px; + height: 16px; + position: absolute; + right: 10px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + opacity: 0; +} +.directorist-setup-wizard__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:checked ~ label { + background-color: rgba(67, 83, 255, 0.2509803922); + border-color: transparent; +} +.directorist-setup-wizard__checkbox + input[type="checkbox"]:checked + ~ label::before { + opacity: 1; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:disabled ~ label { + background-color: #ebebeb; + color: #b7b7b7; + cursor: not-allowed; +} +.directorist-setup-wizard__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-setup-wizard__checkbox + input[type="text"]::-webkit-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::-moz-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]:-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__counter { + width: 100%; + text-align: left; +} +.directorist-setup-wizard__counter__title { + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; +} +.directorist-setup-wizard__counter__desc { + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; +} +.directorist-setup-wizard__counter .selected_count { + color: #4353ff; +} +.directorist-setup-wizard__introduction { + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; +} +.directorist-setup-wizard__step { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 15px; + padding: 50px 15px 100px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 767px) { + .directorist-setup-wizard__step { + padding-top: 100px; + } +} +.directorist-setup-wizard__box { + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 480px) { + .directorist-setup-wizard__box { + padding: 30px 25px; + } +} +@media (max-width: 375px) { + .directorist-setup-wizard__box { + padding: 30px 20px; + } +} +.directorist-setup-wizard__box__content__title { + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; +} +.directorist-setup-wizard__box__content__title--section { + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; +} +.directorist-setup-wizard__box__content__desc { + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; +} +.directorist-setup-wizard__box__content__form { + position: relative; +} +.directorist-setup-wizard__box__content__form:before { + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + left: 18px; + top: 14px; +} +.directorist-setup-wizard__box__content__form .address_result { + background-color: #ffffff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); +} +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-setup-wizard__box__content__input--clear, +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-create-directory__box__content__input--clear { + display: none; +} +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-setup-wizard__box__content__input--clear, +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-create-directory__box__content__input--clear { + display: block; +} +.directorist-setup-wizard__box__content__input { + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-right: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-setup-wizard__box__content__input--clear { + position: absolute; + right: 40px; + top: 14px; +} +.directorist-setup-wizard__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; +} +.directorist-setup-wizard__box__content__location-icon { + position: absolute; + right: 18px; + top: 14px; +} +.directorist-setup-wizard__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; +} +.directorist-setup-wizard__map { + margin-top: 20px; +} +.directorist-setup-wizard__map #gmap { + height: 280px; + border-radius: 8px; +} +.directorist-setup-wizard__map .leaflet-touch .leaflet-bar a { + background: #ffffff; +} +.directorist-setup-wizard__map + .leaflet-marker-icon + .directorist-icon-mask:after { + width: 30px; + height: 30px; + background-color: #e23636; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); +} +.directorist-setup-wizard__notice { + position: absolute; + bottom: 10px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; +} + +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + 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; + -webkit-box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; +} +.middle-content.hidden { + display: none; +} + +.directorist-import-progress-info-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + grid-gap: 10px; +} + +.directorist-import-progress, +.directorist-import-error { + margin-top: 25px; +} +.directorist-import-progress .directorist-import-progress-bar-wrap, +.directorist-import-error .directorist-import-progress-bar-wrap { + position: relative; + overflow: hidden; +} +.directorist-import-progress .import-progress-gap span, +.directorist-import-error .import-progress-gap span { + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; +} +.directorist-import-progress .import-progress-gap span:nth-child(1), +.directorist-import-error .import-progress-gap span:nth-child(1) { + left: calc(25% - 10px); +} +.directorist-import-progress .import-progress-gap span:nth-child(2), +.directorist-import-error .import-progress-gap span:nth-child(2) { + left: calc(50% - 10px); +} +.directorist-import-progress .import-progress-gap span:nth-child(3), +.directorist-import-error .import-progress-gap span:nth-child(3) { + left: calc(75% - 10px); +} +.directorist-import-progress .directorist-import-progress-bar-bg, +.directorist-import-error .directorist-import-progress-bar-bg { + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + left: 0; + top: 0; + background: #2563eb; + -webkit-transition: all 1s; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; +} +.directorist-import-progress .directorist-import-progress-info, +.directorist-import-error .directorist-import-progress-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; +} + +.directorist-import-error .directorist-import-error-box { + overflow-y: scroll; +} +.directorist-import-error .directorist-import-progress-bar-bg { + width: 100%; + margin-bottom: 15px; +} +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; +} + +.directorist-import-process-step-bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-import-process-step-bottom img { + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; +} + +.import-done-congrats { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.import-done-congrats span { + margin-left: 17px; +} + +.import-done-section { + margin-top: 60px; +} +.import-done-section .tweet-import-success .tweet-text { + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; +} +.import-done-section .tweet-import-success .twitter-btn-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 7px; + right: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; +} +.import-done-section .import-done-text { + margin-top: 60px; +} +.import-done-section .import-done-text .import-done-counter { + text-align: left; +} +.import-done-section .import-done-text .import-done-button { + margin-top: 25px; +} + +.directorist-import-done-inner, +.import-done-counter, +.import-done-section { + display: none; +} + +.import-done .import-status-string, +.import-done .directorist-import-text-inner { + display: none; +} +.import-done .import-done-counter, +.import-done .directorist-import-done-inner, +.import-done .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; +} + +.directorist-create-directory { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-family: "Inter"; + margin-left: -20px; +} +.directorist-create-directory * { + -webkit-box-flex: unset !important; + -webkit-flex-grow: unset !important; + -ms-flex-positive: unset !important; + flex-grow: unset !important; +} +.directorist-create-directory__wrapper { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 0; + margin: 50px 0; +} +.directorist-create-directory__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + padding: 12px 32px; + border-bottom: 1px solid #e5e7eb; +} +.directorist-create-directory__logo { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + border-right: 1px solid #e7e7e7; +} +@media (max-width: 767px) { + .directorist-create-directory__logo { + border: none; + } +} +.directorist-create-directory__logo img { + width: 140px; +} +.directorist-create-directory__close__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #141921; +} +.directorist-create-directory__close__btn svg { + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; +} +.directorist-create-directory__close__btn svg path { + fill: #b7b7b7; + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.directorist-create-directory__close__btn:hover svg path { + fill: #4353ff; +} +.directorist-create-directory__upgrade { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; +} +.directorist-create-directory__upgrade__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + font-size: 12px; + line-height: 16px; + font-weight: 600; + color: #141921; + margin: 0; +} +.directorist-create-directory__upgrade__link { + font-size: 10px; + line-height: 12px; + font-weight: 500; + color: #3e62f5; + margin: 0; + text-decoration: underline; +} +.directorist-create-directory__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 32px; +} +.directorist-create-directory__info__title { + font-size: 20px; + line-height: 28px; + font-weight: 600; + margin: 0 0 4px; +} +.directorist-create-directory__info__desc { + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin: 0; +} +.directorist-create-directory__footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + padding: 15px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} +@media (max-width: 375px) { + .directorist-create-directory__footer { + gap: 20px; + padding: 30px 20px; + } +} +.directorist-create-directory__btn { + padding: 0 20px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + white-space: nowrap; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-create-directory__btn:hover { + opacity: 0.85; +} +.directorist-create-directory__btn:disabled, +.directorist-create-directory__btn.disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; +} +@media (max-width: 375px) { + .directorist-create-directory__btn { + gap: 15px; + } +} +.directorist-create-directory__btn--skip { + background: transparent; + color: #000; + padding: 0; +} +.directorist-create-directory__btn--full { + width: 100%; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-create-directory__btn--return { + color: #141414; + background: #ebebeb; +} +.directorist-create-directory__btn--next { + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border-color: #3e62f5; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); +} +.directorist-create-directory__btn.loading { + position: relative; +} +.directorist-create-directory__btn.loading:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); +} +.directorist-create-directory__btn.loading:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 10px; + right: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; +} +.directorist-create-directory__next { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-create-directory__next img { + max-width: 10px; +} +.directorist-create-directory__next .directorist_regenerate_fields { + gap: 8px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #3e62f5 !important; + background: transparent !important; + border-color: transparent !important; +} +.directorist-create-directory__next .directorist_regenerate_fields.loading { + pointer-events: none; +} +.directorist-create-directory__next .directorist_regenerate_fields.loading svg { + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} +.directorist-create-directory__next + .directorist_regenerate_fields.loading:before, +.directorist-create-directory__next + .directorist_regenerate_fields.loading:after { + display: none; +} +@media (max-width: 375px) { + .directorist-create-directory__next { + gap: 15px; + } +} +.directorist-create-directory__back { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; +} +.directorist-create-directory__back__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 14px; + font-weight: 500; + line-height: 20px; +} +.directorist-create-directory__back__btn svg, +.directorist-create-directory__back__btn img { + width: 20px; + height: 20px; +} +.directorist-create-directory__back__btn:hover { + color: #3e62f5; +} +.directorist-create-directory__back__btn:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-create-directory__back__btn.disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; +} +.directorist-create-directory__step { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-create-directory__step .atbdp-setup-steps { + width: 100%; + max-width: 130px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 4px; + overflow: hidden; +} +.directorist-create-directory__step .atbdp-setup-steps li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; + margin: 0; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.directorist-create-directory__step .atbdp-setup-steps li:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + height: 8px; + background-color: #d2d6db; +} +.directorist-create-directory__step .atbdp-setup-steps li.done:after, +.directorist-create-directory__step .atbdp-setup-steps li.active:after { + background-color: #6e89f7; +} +.directorist-create-directory__step .step-count { + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #747c89; +} +.directorist-create-directory__content { + border-radius: 10px; + border: 1px solid #e5e7eb; + background-color: white; + -webkit-box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + max-width: 622px; + min-width: 622px; + overflow: auto; + margin: 0 auto; +} +.directorist-create-directory__content.full-width { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + max-width: 100%; + min-width: 100%; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: unset; + background-color: transparent; +} +.directorist-create-directory__content::-webkit-scrollbar { + display: none; +} +.directorist-create-directory__content__items { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 28px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 32px; + width: 100%; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-create-directory__content__items--columns { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-create-directory__content__form-group-label { + color: #141921; + font-size: 14px; + font-weight: 600; + line-height: 20px; + margin-bottom: 12px; + display: block; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-create-directory__content__form-group-label .required-label { + color: #d94a4a; + font-weight: 600; +} +.directorist-create-directory__content__form-group-label .optional-label { + color: #7e8c9a; + font-weight: 400; +} +.directorist-create-directory__content__form-group { + width: 100%; +} +.directorist-create-directory__content__input.form-control { + max-width: 100%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 7px 16px 7px 44px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background-color: white; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + overflow: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; +} +.directorist-create-directory__content__input.form-control.--textarea { + resize: none; + min-height: 148px; + max-height: 148px; + background-color: #f9fafb; + white-space: wrap; + overflow: auto; +} +.directorist-create-directory__content__input.form-control.--textarea:focus { + background-color: white; +} +.directorist-create-directory__content__input.form-control.--icon-none { + padding: 7px 16px; +} +.directorist-create-directory__content__input.form-control::-webkit-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control::-moz-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control:-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control::-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control::placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control:focus, +.directorist-create-directory__content__input.form-control:hover { + color: #141921; + border-color: #3e62f5; + -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-create-directory__content__input[name="directory-location"]::-webkit-search-cancel-button { + position: relative; + right: 0; + margin: 0; + height: 20px; + width: 20px; + background: #d1d1d7; + -webkit-appearance: none; + -webkit-mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); + mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); +} +.directorist-create-directory__content__input.empty, +.directorist-create-directory__content__input.max-char-reached { + border-color: #ff0808 !important; + -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; + box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; +} +.directorist-create-directory__content__input ~ .character-count { + width: 100%; + text-align: end; + font-size: 12px; + line-height: 20px; + font-weight: 500; + color: #555f6d; + margin-top: 8px; +} +.directorist-create-directory__content__input-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + color: #747c89; +} +.directorist-create-directory__content__input-group.--options { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; +} +.directorist-create-directory__content__input-group.--options + .--options-wrapper { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 10px; +} +.directorist-create-directory__content__input-group.--options .--options-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; +} +.directorist-create-directory__content__input-group.--options .--options-right { + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; +} +.directorist-create-directory__content__input-group.--options + .--options-right + strong { + font-weight: 500; +} +.directorist-create-directory__content__input-group.--options .--hit-button { + border-radius: 4px; + background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} +.directorist-create-directory__content__input-group.--options + .--hit-button + strong { + font-weight: 500; +} +.directorist-create-directory__content__input-group:hover + .directorist-create-directory__content__input-icon + svg { + color: #141921; +} +.directorist-create-directory__content__input-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + top: 10px; + left: 20px; + pointer-events: none; +} +.directorist-create-directory__content__input-icon svg, +.directorist-create-directory__content__input-icon img { + width: 20px; + height: 20px; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist-create-directory__content__footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 32px; + border-top: 1px solid #e5e7eb; +} +.directorist-create-directory__generate { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-create-directory__generate .directory-img { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 4px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-create-directory__generate + .directory-img + #directory-img__generating { + width: 48px; + height: 48px; +} +.directorist-create-directory__generate + .directory-img + #directory-img__building { + width: 322px; + height: auto; +} +.directorist-create-directory__generate .directory-img svg { + width: var(--Large, 48px); + height: var(--Large, 48px); +} +.directorist-create-directory__generate .directory-title { + color: #141921; + font-size: 18px; + font-weight: 700; + line-height: 32px; + margin: 16px 0 4px; +} +.directorist-create-directory__generate .directory-description { + color: #4d5761; + font-size: 12px; + font-weight: 400; + line-height: 20px; + margin-top: 0; + margin-bottom: 40px; +} +.directorist-create-directory__generate .directory-description strong { + font-weight: 600; +} +.directorist-create-directory__checkbox-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-create-directory__checkbox-wrapper.--gap-12 { + gap: 12px; +} +.directorist-create-directory__checkbox-wrapper.--gap-8 { + gap: 8px; +} +.directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg { + width: 20px; + height: 20px; +} +.directorist-create-directory__checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +@media (max-width: 480px) { + .directorist-create-directory__checkbox { + width: 100%; + } + .directorist-create-directory__checkbox label { + width: 100%; + } +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon { + top: 8px; + left: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon + svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input { + padding: 4px 16px 4px 36px; +} +.directorist-create-directory__checkbox--custom { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + display: none; +} +.directorist-create-directory__checkbox label { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.directorist-create-directory__checkbox input[type="checkbox"] { + display: none; +} +.directorist-create-directory__checkbox input[type="checkbox"]:hover ~ label, +.directorist-create-directory__checkbox input[type="checkbox"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="checkbox"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox + input[type="checkbox"]:disabled + ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="radio"] { + display: none; +} +.directorist-create-directory__checkbox input[type="radio"]:hover ~ label, +.directorist-create-directory__checkbox input[type="radio"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="radio"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox input[type="radio"]:disabled ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-create-directory__checkbox + input[type="text"]::-webkit-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox input[type="text"]::-moz-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox + input[type="text"]:-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox + input[type="text"]::-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__go-pro { + margin-top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; +} +.directorist-create-directory__go-pro-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; +} +.directorist-create-directory__go-pro-title svg { + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; +} +.directorist-create-directory__go-pro-button a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 146px; + height: 32px; + padding: 0px 16px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-create-directory__go-pro-button a:hover { + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; +} +.directorist-create-directory__info { + text-align: center; +} + +.directorist-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 28px; + width: 100%; +} +.directorist-box__item { + width: 100%; +} +.directorist-box__label { + display: block; + color: #141921; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + margin-bottom: 8px; +} +.directorist-box__input-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 4px 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background: #fff; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist-box__input-wrapper:hover, +.directorist-box__input-wrapper:focus { + border: 1px solid #3e62f5; + -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-box__input[type="text"] { + padding: 0 8px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + white-space: nowrap; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + height: 30px; +} +.directorist-box__input[type="text"]::-webkit-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::-moz-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]:-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__tagList { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; +} +.directorist-box__tagList li { + margin: 0; +} +.directorist-box__tagList li:not(:only-child, :last-child) { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 24px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + margin: 0; + text-transform: capitalize; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; +} +.directorist-box__recommended-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + padding: 0; + margin: 0; +} +.directorist-box__recommended-list.recommend-disable { + opacity: 0.5; + pointer-events: none; +} +.directorist-box__recommended-list li { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + margin: 0; +} +.directorist-box__recommended-list li:hover { + color: #383f47; + background-color: #e5e7eb; +} +.directorist-box__recommended-list li.disabled { + display: none; +} +.directorist-box__recommended-list li.free-disabled { + display: none; +} +.directorist-box__recommended-list li.free-disabled:hover { + background-color: #cfd8dc; +} + +.directorist-box-options__wrapper { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 10px; + margin-top: 12px; +} +.directorist-box-options__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; +} +.directorist-box-options__right { + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; + color: #555f6d; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 5px; +} +.directorist-box-options__right strong { + font-weight: 500; +} +.directorist-box-options__hit-button { + border-radius: 4px; + background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} + +.directorist-create-directory__go-pro { + margin-top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; +} +.directorist-create-directory__go-pro-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; +} +.directorist-create-directory__go-pro-title svg { + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; +} +.directorist-create-directory__go-pro-button a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 146px; + height: 32px; + padding: 0 16px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-create-directory__go-pro-button a:hover { + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; +} + +.directory-generate-btn { + margin-bottom: 20px; +} +.directory-generate-btn__content { + border-radius: 6px; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12.5px 61px 12.5px 64px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid #e5e7eb; + background: #fff; + -webkit-box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 20px; + position: relative; + padding: 10px; + margin: 0 2px 3px 2px; + border-radius: 6px; +} +.directory-generate-btn--bg { + position: absolute; + top: 0; + left: 0; + height: 100%; + background-image: -webkit-gradient( + linear, + left top, + left bottom, + from(#eabaeb), + to(#3e62f5) + ); + background-image: linear-gradient(#eabaeb, #3e62f5); + -webkit-transition: width 0.3s ease; + transition: width 0.3s ease; + border-radius: 8px; +} +.directory-generate-btn svg { + width: 20px; + height: 20px; +} +.directory-generate-btn__wrapper { + position: relative; + width: 347px; + background-color: white; + border-radius: 5px; + margin: 0 auto; + margin-bottom: 20px; +} + +.directory-generate-progress-list { + margin-top: 34px; +} +.directory-generate-progress-list ul { + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 18px; +} +.directory-generate-progress-list ul li { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 20px; +} +.directory-generate-progress-list ul li svg { + width: 20px; + height: 20px; +} +.directory-generate-progress-list__btn { + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border: 1px solid #3e62f5; + color: #fff !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + height: 40px; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + margin-top: 32px; + margin-bottom: 30px; +} +.directory-generate-progress-list__btn svg { + width: 20px; + height: 20px; +} +.directory-generate-progress-list__btn.disabled { + opacity: 0.5; + pointer-events: none; +} + +.directorist-ai-generate-box { + background-color: white; + padding: 32px; +} +.directorist-ai-generate-box__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + margin-bottom: 32px; +} +.directorist-ai-generate-box__header svg { + width: 40px; + height: 40px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.directorist-ai-generate-box__title { + margin-left: 10px; +} +.directorist-ai-generate-box__title h6 { + margin: 0; + color: #2c3239; + font-family: Inter; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: 22px; +} +.directorist-ai-generate-box__title p { + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 22px; + margin: 0; +} +.directorist-ai-generate-box__items { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px; + border-radius: 8px; + background: #f3f4f6; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + margin: 0; + max-height: 540px; + overflow-y: auto; +} +.directorist-ai-generate-box__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.directorist-ai-generate-box__item.pinned + .directorist-ai-generate-dropdown__pin-icon + svg { + color: #3e62f5; +} + +.directorist-ai-generate-dropdown { + border: 1px solid #e5e7eb; + border-radius: 8px; + background-color: #fff; + width: 100%; +} +.directorist-ai-generate-dropdown[aria-expanded="true"] + .directorist-ai-generate-dropdown__header { + border-color: #e5e7eb; +} +.directorist-ai-generate-dropdown__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + border-radius: 8px 8px 0 0; + border-bottom: 1px solid transparent; +} +.directorist-ai-generate-dropdown__header.has-options { + cursor: pointer; +} +.directorist-ai-generate-dropdown__header-title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-ai-generate-dropdown__header-icon { + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; +} +.directorist-ai-generate-dropdown__header-icon.rotate { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-ai-generate-dropdown__pin-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 12px 0px 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-right: 1px solid #d2d6db; + color: #4d5761; +} +.directorist-ai-generate-dropdown__pin-icon:hover { + color: #3e62f5; +} +.directorist-ai-generate-dropdown__pin-icon svg { + width: 20px; + height: 20px; +} +.directorist-ai-generate-dropdown__title-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #4d5761; + font-size: 28px; +} +.directorist-ai-generate-dropdown__title-icon svg { + width: 28px; + height: 28px; +} +.directorist-ai-generate-dropdown__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 12px 0px 24px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; +} +.directorist-ai-generate-dropdown__title-main h6 { + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16.24px; + margin: 0; + text-transform: capitalize; +} +.directorist-ai-generate-dropdown__title-main p { + color: #747c89; + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; + margin: 4px 0 0 0; +} +.directorist-ai-generate-dropdown__content { + display: none; + padding: 24px; + color: #747c89; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; +} +.directorist-ai-generate-dropdown__content[aria-expanded="true"], +.directorist-ai-generate-dropdown__content--expanded { + display: block; +} +.directorist-ai-generate-dropdown__header-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #4d5761; +} +.directorist-ai-generate-dropdown__header-icon svg { + width: 20px; + height: 20px; +} + +.directorist-ai-location-field__title { + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 12px; +} +.directorist-ai-location-field__title span { + color: #747c89; + font-weight: 500; +} +.directorist-ai-location-field__content ul { + padding: 0; + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; +} +.directorist-ai-location-field__content ul li { + height: 32px; + padding: 8px 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0px; + flex: 1 0 0; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; +} +.directorist-ai-location-field__content ul li svg { + width: 20px; + height: 20px; +} + +.directorist-ai-checkbox-field__label { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; +} +.directorist-ai-checkbox-field__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + gap: 10px 34px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-ai-checkbox-field__list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 32px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; +} +.directorist-ai-checkbox-field__list-item svg { + width: 24px; + height: 24px; +} +.directorist-ai-checkbox-field__items { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; +} + +.directorist-ai-keyword-field__label { + color: #4d5761; + font-size: 14px; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; +} +.directorist-ai-keyword-field__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-ai-keyword-field__list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; +} +.directorist-ai-keyword-field__list-item.--h-24 { + height: 24px; +} +.directorist-ai-keyword-field__list-item.--h-32 { + height: 32px; +} +.directorist-ai-keyword-field__list-item.--px-8 { + padding: 0px 8px; +} +.directorist-ai-keyword-field__list-item.--px-12 { + padding: 0px 12px; +} +.directorist-ai-keyword-field__list-item svg { + width: 20px; + height: 20px; +} +.directorist-ai-keyword-field__items { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; +} + +/* data Progressing */ +.directorist-create-directory__step + .directorist-create-directory__content.hidden { + display: none; +} + +/*# sourceMappingURL=admin-main.css.map*/ diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index 564f057cd2..8ea0610f24 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -18,817 +18,863 @@ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} #directiost-listing-fields_wrapper .directorist-show { - display: block !important; + display: block !important; } #directiost-listing-fields_wrapper .directorist-hide { - display: none !important; -} -#directiost-listing-fields_wrapper { - padding: 18px 20px; + display: none !important; } #directiost-listing-fields_wrapper a:focus, #directiost-listing-fields_wrapper a:active { - -webkit-box-shadow: unset; - box-shadow: unset; - outline: none; + -webkit-box-shadow: unset; + box-shadow: unset; + outline: none; } #directiost-listing-fields_wrapper .atcc_pt_40 { - padding-top: 40px; + padding-top: 40px; } #directiost-listing-fields_wrapper * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } #directiost-listing-fields_wrapper .iris-picker, #directiost-listing-fields_wrapper .iris-picker * { - -webkit-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } #directiost-listing-fields_wrapper #gmap { - height: 350px; + height: 350px; } #directiost-listing-fields_wrapper label { - margin-bottom: 8px; - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; + margin-bottom: 8px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; } #directiost-listing-fields_wrapper .map_wrapper { - position: relative; + position: relative; } #directiost-listing-fields_wrapper .map_wrapper #floating-panel { - position: absolute; - z-index: 2; - left: 59px; - top: 10px; + position: absolute; + z-index: 2; + left: 59px; + top: 10px; } #directiost-listing-fields_wrapper a.btn { - text-decoration: none; + text-decoration: none; } -#directiost-listing-fields_wrapper [data-toggle=tooltip] { - color: #a1a1a7; - font-size: 12px; +#directiost-listing-fields_wrapper [data-toggle="tooltip"] { + color: #a1a1a7; + font-size: 12px; } -#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover { - color: #202428; +#directiost-listing-fields_wrapper [data-toggle="tooltip"]:hover { + color: #202428; } #directiost-listing-fields_wrapper .single_prv_attachment { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_prv_attachment div { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; - padding: 0; -} -#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img:hover { - color: #c81d1d; + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; + padding: 0; +} +#directiost-listing-fields_wrapper + .single_prv_attachment + div + .remove_prev_img:hover { + color: #c81d1d; } #directiost-listing-fields_wrapper #listing_image_btn span { - vertical-align: text-bottom; + vertical-align: text-bottom; } #directiost-listing-fields_wrapper .default_img { - margin-bottom: 10px; - text-align: center; - margin-top: 10px; + margin-bottom: 10px; + text-align: center; + margin-top: 10px; } #directiost-listing-fields_wrapper .default_img small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options label { - font-size: 13px; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options .bor { - margin: 0 15px; + margin: 0 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options small { - font-size: 12px; - vertical-align: top; + font-size: 12px; + vertical-align: top; } -#directiost-listing-fields_wrapper .price-type-both select.directory_pricing_field { - display: none; +#directiost-listing-fields_wrapper + .price-type-both + select.directory_pricing_field { + display: none; } #directiost-listing-fields_wrapper .listing-img-container { - text-align: center; - padding: 10px 0 15px; + text-align: center; + padding: 10px 0 15px; } #directiost-listing-fields_wrapper .listing-img-container p { - margin-top: 15px; - margin-bottom: 4px; - color: #7a82a6; - font-size: 16px; + margin-top: 15px; + margin-bottom: 4px; + color: #7a82a6; + font-size: 16px; } #directiost-listing-fields_wrapper .listing-img-container small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .listing-img-container .single_attachment { - width: auto; - display: inline-block; - position: relative; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - height: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #9497A7; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image:hover { - color: #EF0000; + width: auto; + display: inline-block; + position: relative; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + height: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #9497a7; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image:hover { + color: #ef0000; } #directiost-listing-fields_wrapper .field-options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .directorist-hide-if-no-js { - text-align: center; - margin: 0; + text-align: center; + margin: 0; } #directiost-listing-fields_wrapper .form-check { - margin-bottom: 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } #directiost-listing-fields_wrapper .form-check input { - vertical-align: top; - margin-top: 0; + vertical-align: top; + margin-top: 0; } #directiost-listing-fields_wrapper .form-check .form-check-label { - margin: 0; - font-size: 15px; + margin: 0; + font-size: 15px; } #directiost-listing-fields_wrapper .atbd_optional_field { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .extension_detail { - margin-top: 20px; + margin-top: 20px; } #directiost-listing-fields_wrapper .extension_detail .btn_wrapper { - margin-top: 25px; + margin-top: 25px; } #directiost-listing-fields_wrapper .extension_detail.ext_d { - min-height: 140px; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + min-height: 140px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } #directiost-listing-fields_wrapper .extension_detail.ext_d p { - margin: 0; + margin: 0; } #directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper { - width: 100%; - margin-top: auto; + width: 100%; + margin-top: auto; } #directiost-listing-fields_wrapper .extension_detail.ext_d > a, #directiost-listing-fields_wrapper .extension_detail.ext_d p, #directiost-listing-fields_wrapper .extension_detail.ext_d div { - display: block; + display: block; } #directiost-listing-fields_wrapper .extension_detail.ext_d > p { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .ext_title a { - text-align: center; - text-decoration: none; - font-weight: 500; - font-size: 18px; - color: #202428; - -webkit-transition: 0.3s; - transition: 0.3s; - display: block; + text-align: center; + text-decoration: none; + font-weight: 500; + font-size: 18px; + color: #202428; + -webkit-transition: 0.3s; + transition: 0.3s; + display: block; } #directiost-listing-fields_wrapper .ext_title:hover a { - color: #6e63ff; + color: #6e63ff; } #directiost-listing-fields_wrapper .ext_title .text-center { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .attc_extension_wrapper { - margin-top: 30px; + margin-top: 30px; } -#directiost-listing-fields_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn { - padding: 3px 15px; - font-size: 14px; +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .col-md-4 + .single_extension + .btn { + padding: 3px 15px; + font-size: 14px; } #directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension { - margin-bottom: 30px; - background-color: #ffffff; - -webkit-box-shadow: 0px 5px 10px #e1e7f7; - box-shadow: 0px 5px 10px #e1e7f7; - padding: 25px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension img { - width: 100%; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon img { - opacity: 0.6; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon a { - pointer-events: none !important; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after { - content: "(Coming Soon)"; - color: #ff0000; - font-size: 14px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a { - color: inherit; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn { - opacity: 0.5; + margin-bottom: 30px; + background-color: #ffffff; + -webkit-box-shadow: 0px 5px 10px #e1e7f7; + box-shadow: 0px 5px 10px #e1e7f7; + padding: 25px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension + img { + width: 100%; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + img { + opacity: 0.6; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + a { + pointer-events: none !important; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title + a:after { + content: "(Coming Soon)"; + color: #ff0000; + font-size: 14px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title:hover + a { + color: inherit; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .btn { + opacity: 0.5; } #directiost-listing-fields_wrapper .attc_extension_wrapper__heading { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .btn_wrapper a + a { - margin-right: 10px; + margin-right: 10px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_left { - width: 70%; + width: 70%; } #directiost-listing-fields_wrapper.atbd_help_support h3 { - font-size: 24px; + font-size: 24px; } #directiost-listing-fields_wrapper.atbd_help_support a { - color: #387dff; + color: #387dff; } #directiost-listing-fields_wrapper.atbd_help_support a:hover { - text-decoration: underline; + text-decoration: underline; } #directiost-listing-fields_wrapper.atbd_help_support .postbox { - padding: 30px; + padding: 30px; } #directiost-listing-fields_wrapper.atbd_help_support .postbox h3 { - margin-bottom: 20px; + margin-bottom: 20px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right { - width: 27%; + width: 27%; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox { - background-color: #0073aa; - border-radius: 3px; - -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + background-color: #0073aa; + border-radius: 3px; + -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3 { - color: #fff; - margin-bottom: 25px; + color: #fff; + margin-bottom: 25px; } #directiost-listing-fields_wrapper .shortcode_table td { - font-size: 14px; - line-height: 22px; + font-size: 14px; + line-height: 22px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li { - font-size: 16px; - margin-bottom: 12px; + font-size: 16px; + margin-bottom: 12px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a { - color: #ededed; + color: #ededed; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover { - color: #fff; + color: #fff; } #directiost-listing-fields_wrapper .atbdp-radio-list li label, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label { - text-transform: capitalize; - font-size: 13px; + text-transform: capitalize; + font-size: 13px; } #directiost-listing-fields_wrapper .atbdp-radio-list li label input, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label input { - margin-left: 7px; + margin-left: 7px; } #directiost-listing-fields_wrapper .single_thm .ext_title h4 { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_thm .btn_wrapper { - text-align: center; -} -#directiost-listing-fields_wrapper { - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ + text-align: center; } #directiost-listing-fields_wrapper .postbox table.widefat { - -webkit-box-shadow: none; - box-shadow: none; - background-color: #eff2f5; + -webkit-box-shadow: none; + box-shadow: none; + background-color: #eff2f5; } #directiost-listing-fields_wrapper #atbdp-field-details td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper #atbdp-field-options td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper .atbdp-tick-cross { - margin-right: 18px; + margin-right: 18px; } #directiost-listing-fields_wrapper .atbdp-tick-cross2 { - margin-right: 25px; -} -#directiost-listing-fields_wrapper { - /* - for shortable field*/ + margin-right: 25px; } #directiost-listing-fields_wrapper .ui-sortable tr:hover { - cursor: move; + cursor: move; } #directiost-listing-fields_wrapper .ui-sortable tr.alternate { - background-color: #f9f9f9; + background-color: #f9f9f9; } #directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } #directiost-listing-fields_wrapper .business-hour label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } #directorist.atbd_wrapper .form-group > label { - margin-bottom: 10px; + margin-bottom: 10px; } #directorist.atbd_wrapper .form-group .atbd_pricing_options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } #directorist.atbd_wrapper .form-group .atbd_pricing_options label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group .atbd_pricing_options small { - margin-right: 5px; + margin-right: 5px; } -#directorist.atbd_wrapper .form-group .atbd_pricing_options input[type=checkbox] { - position: relative; - top: -2px; +#directorist.atbd_wrapper + .form-group + .atbd_pricing_options + input[type="checkbox"] { + position: relative; + top: -2px; } #directorist.atbd_wrapper #category_container .form-group { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .g_address_wrap { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbd_map_title { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map_wrapper .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; + display: block; + font-size: 12px; + margin-top: 10px; } #directorist.atbd_wrapper .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; + margin-top: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map-coordinate label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group { - margin-bottom: 20px; + margin-bottom: 20px; } #directorist.atbd_wrapper .atbd_map_hide { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .atbd_map_hide label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #atbdp-custom-fields-list { - margin: 13px 0 0 0; + margin: 13px 0 0 0; } #_listing_video_gallery #directorist.atbd_wrapper .form-group { - margin-bottom: 0; + margin-bottom: 0; } a { - text-decoration: none; -} - -@media (min-width: 1199px) and (max-width: 1510px), (min-width: 768px) and (max-width: 1187px), (min-width: 576px) and (max-width: 694px), (min-width: 320px) and (max-width: 373px) { - #directorist.atbd_wrapper .btn.demo, - #directorist.atbd_wrapper .btn.get { - display: block; - margin: 0; - } - #directorist.atbd_wrapper .btn.get { - margin-top: 10px; - } + text-decoration: none; +} + +@media (min-width: 1199px) and (max-width: 1510px), + (min-width: 768px) and (max-width: 1187px), + (min-width: 576px) and (max-width: 694px), + (min-width: 320px) and (max-width: 373px) { + #directorist.atbd_wrapper .btn.demo, + #directorist.atbd_wrapper .btn.get { + display: block; + margin: 0; + } + #directorist.atbd_wrapper .btn.get { + margin-top: 10px; + } } #directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .atbdp_social_field_wrapper select.form-control { - height: 35px !important; + height: 35px !important; } #atbdp-categories-image-wrapper img { - width: 150px; + width: 150px; } .vp-wrap .vp-checkbox .field label { - display: block; - margin-left: 0; + display: block; + margin-left: 0; } .vp-wrap .vp-section > h3 { - color: #01b0ff; - font-size: 15px; - padding: 10px 20px; - margin: 0; - top: 12px; - border: 1px solid #eee; - right: 20px; - background-color: #f2f4f7; - z-index: 1; + color: #01b0ff; + font-size: 15px; + padding: 10px 20px; + margin: 0; + top: 12px; + border: 1px solid #eee; + right: 20px; + background-color: #f2f4f7; + z-index: 1; } #shortcode-updated .input label span { - background-color: #008ec2; - width: 160px; - position: relative; - border-radius: 3px; - margin-top: 0; + background-color: #008ec2; + width: 160px; + position: relative; + border-radius: 3px; + margin-top: 0; } #shortcode-updated .input label span:before { - content: "Upgrade/Regenerate"; - position: absolute; - color: #fff; - right: 50%; - top: 48%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - border-radius: 3px; + content: "Upgrade/Regenerate"; + position: absolute; + color: #fff; + right: 50%; + top: 48%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + border-radius: 3px; } #shortcode-updated + #success_msg { - color: #4caf50; - padding-right: 15px; + color: #4caf50; + padding-right: 15px; } .olControlAttribution { - left: 10px !important; - bottom: 10px !important; + left: 10px !important; + bottom: 10px !important; } .g_address_wrap ul { - margin-top: 15px !important; + margin-top: 15px !important; } .g_address_wrap ul li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid #e3e6ef; + padding-bottom: 8px; } .g_address_wrap ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } .plupload-thumbs .thumb { - float: none !important; - max-width: 200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + float: none !important; + max-width: 200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } #atbdp-categories-image-wrapper { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #atbdp-categories-image-wrapper .remove_cat_img { - position: absolute; - width: 25px; - height: 25px; - border-radius: 50%; - background-color: #c4c4c4; - left: -5px; - top: -5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - -webkit-transition: 0.2s ease; - transition: 0.2s ease; + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + background-color: #c4c4c4; + left: -5px; + top: -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + -webkit-transition: 0.2s ease; + transition: 0.2s ease; } #atbdp-categories-image-wrapper .remove_cat_img:hover { - background-color: #ff0000; - color: #fff; + background-color: #ff0000; + color: #fff; } .plupload-thumbs .thumb { - position: relative; + position: relative; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; } .plupload-thumbs .thumb .atbdp-file-info { - border-radius: 5px; + border-radius: 5px; } .plupload-thumbs .thumb .atbdp-thumb-actions { - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - margin-top: 0; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + margin-top: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink { - background-color: #000; - height: 30px; - width: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px; + background-color: #000; + height: 30px; + width: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 14px; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover { - background-color: #e23636; + background-color: #e23636; } .plupload-thumbs .thumb .atbdp-thumb-actions:before { - border-radius: 5px; + border-radius: 5px; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid #EFF1F6; - background-color: #f8f9fb; - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 1px solid #eff1f6; + background-color: #f8f9fb; + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } @media (max-width: 400px) { - #_listing_contact_info #directorist.atbd_wrapper .form-check { - padding-right: 40px; - } - #_listing_contact_info #directorist.atbd_wrapper .form-check-input { - margin-right: -40px; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate #manual_coordinate { - display: inline-block; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate .cor-wrap label { - display: inline; - } - #delete-custom-img { - margin-top: 10px; - } - .enable247hour label { - display: inline !important; - } + #_listing_contact_info #directorist.atbd_wrapper .form-check { + padding-right: 40px; + } + #_listing_contact_info #directorist.atbd_wrapper .form-check-input { + margin-right: -40px; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + #manual_coordinate { + display: inline-block; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + .cor-wrap + label { + display: inline; + } + #delete-custom-img { + margin-top: 10px; + } + .enable247hour label { + display: inline !important; + } } /* ATBD Tooltip */ .atbd_tooltip { - position: relative; + position: relative; } -.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; +.atbd_tooltip[aria-label]:before, +.atbd_tooltip[aria-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .atbd_tooltip[aria-label]:before { - content: ""; - right: 50%; - -webkit-transform: translate(50%, 7px); - transform: translate(50%, 7px); - border: 6px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); + content: ""; + right: 50%; + -webkit-transform: translate(50%, 7px); + transform: translate(50%, 7px); + border: 6px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); } .atbd_tooltip[aria-label]:after { - content: attr(aria-label); - right: 50%; - -webkit-transform: translate(50%, -5px); - transform: translate(50%, -5px); - min-width: 150px; - text-align: center; - background: rgba(0, 0, 0, 0.8); - padding: 5px 12px; - border-radius: 3px; - color: #fff; -} -.atbd_tooltip[aria-label]:hover:before, .atbd_tooltip[aria-label]:hover:after { - display: block; + content: attr(aria-label); + right: 50%; + -webkit-transform: translate(50%, -5px); + transform: translate(50%, -5px); + min-width: 150px; + text-align: center; + background: rgba(0, 0, 0, 0.8); + padding: 5px 12px; + border-radius: 3px; + color: #fff; +} +.atbd_tooltip[aria-label]:hover:before, +.atbd_tooltip[aria-label]:hover:after { + display: block; } @-webkit-keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } .atbdp_shortcodes { - position: relative; + position: relative; } .atbdp_shortcodes:after { - content: "\f0c5"; - font-family: "Font Awesome 5 Free"; - color: #000; - font-weight: normal; - line-height: initial; - cursor: pointer; - position: absolute; - left: -20px; - bottom: 0; - z-index: 999; + content: "\f0c5"; + font-family: "Font Awesome 5 Free"; + color: #000; + font-weight: normal; + line-height: initial; + cursor: pointer; + position: absolute; + left: -20px; + bottom: 0; + z-index: 999; } .directorist-find-latlan { - display: inline-block; - color: red; + display: inline-block; + color: red; } .business_time.column-business_time .atbdp-tick-cross2, .web-link.column-web-link .atbdp-tick-cross2 { - padding-right: 25px; + padding-right: 25px; } #atbdp-field-details .recurring_time_period { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } #atbdp-field-details .recurring_time_period > label { - margin-left: 10px; + margin-left: 10px; } #atbdp-field-details .recurring_time_period #recurring_period { - margin-left: 8px; + margin-left: 8px; } div#need_post_area { - padding: 10px 0 15px 0; + padding: 10px 0 15px 0; } div#need_post_area .atbd_listing_type_list { - margin: 0 -7px; + margin: 0 -7px; } div#need_post_area label { - margin: 0 7px; - font-size: 16px; + margin: 0 7px; + font-size: 16px; } div#need_post_area label input:checked + span { - font-weight: 600; + font-weight: 600; } #pyn_service_budget label { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } #pyn_service_budget label #is_hourly { - margin-left: 5px; + margin-left: 5px; } #titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; + padding: 3px 8px 7px; + font-size: 26px; + height: 40px; } .req_password_notice, .password_notice { - padding-right: 20px; - padding-left: 20px; + padding-right: 20px; + padding-left: 20px; } /* hide button example image top upload fields */ @@ -839,764 +885,1003 @@ div#need_post_area label input:checked + span { #priout_example, #prioutlight_example, #danout_example { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#primary_example input[type=text], + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#primary_example input[type="text"], #primary_example .button, -#secondary_example input[type=text], +#secondary_example input[type="text"], #secondary_example .button, -#success_example input[type=text], +#success_example input[type="text"], #success_example .button, -#danger_example input[type=text], +#danger_example input[type="text"], #danger_example .button, -#priout_example input[type=text], +#priout_example input[type="text"], #priout_example .button, -#prioutlight_example input[type=text], +#prioutlight_example input[type="text"], #prioutlight_example .button, -#danout_example input[type=text], +#danout_example input[type="text"], #danout_example .button { - display: none !important; + display: none !important; } #directorist.atbd_wrapper .dbh-wrapper label { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } #directorist.atbd_wrapper .dbh-wrapper .disable-bh { - margin-bottom: 5px; + margin-bottom: 5px; } -#directorist.atbd_wrapper .dbh-wrapper .dbh-timezone .select2-container .select2-selection--single { - height: 37px; - padding-right: 15px; - border-color: #ddd; +#directorist.atbd_wrapper + .dbh-wrapper + .dbh-timezone + .select2-container + .select2-selection--single { + height: 37px; + padding-right: 15px; + border-color: #ddd; } span.atbdp-tick-cross { - padding-right: 20px; + padding-right: 20px; } .atbdp-timestamp-wrap select, .atbdp-timestamp-wrap input { - margin-bottom: 5px !important; + margin-bottom: 5px !important; } /* csv styles */ .csv-action-btns { - margin-top: 30px; + margin-top: 30px; } .csv-action-btns a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - line-height: 44px; - padding: 0 20px; - background-color: #fff; - border: 1px solid #e3e6ef; - color: #272b41; - border-radius: 5px; - font-weight: 600; - margin-left: 7px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + line-height: 44px; + padding: 0 20px; + background-color: #fff; + border: 1px solid #e3e6ef; + color: #272b41; + border-radius: 5px; + font-weight: 600; + margin-left: 7px; } .csv-action-btns a span { - color: #9299b8; + color: #9299b8; } .csv-action-btns a:last-child { - margin-left: 0; + margin-left: 0; } .csv-action-btns a.btn-active { - background-color: #2c99ff; - color: #fff; - border-color: #2c99ff; + background-color: #2c99ff; + color: #fff; + border-color: #2c99ff; } .csv-action-btns a.btn-active span { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .csv-action-steps ul { - width: 700px; - margin: 80px auto 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + width: 700px; + margin: 80px auto 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .csv-action-steps ul li { - text-align: center; - position: relative; - text-align: center; - width: 25%; + text-align: center; + position: relative; + text-align: center; + width: 25%; } .csv-action-steps ul li:before { - position: absolute; - content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); - right: 112px; - top: 8px; - width: 125px; - overflow: hidden; + position: absolute; + content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); + right: 112px; + top: 8px; + width: 125px; + overflow: hidden; } .csv-action-steps ul li .step { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - color: #9299b8; - -webkit-box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); - box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); - background-color: #fff; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + color: #9299b8; + -webkit-box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); + box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); + background-color: #fff; } .csv-action-steps ul li .step .dashicons { - margin: 0; - display: none; + margin: 0; + display: none; } .csv-action-steps ul li .step-text { - display: block; - margin-top: 15px; - color: #9299b8; + display: block; + margin-top: 15px; + color: #9299b8; } .csv-action-steps ul li.active .step { - background-color: #272b41; - color: #fff; + background-color: #272b41; + color: #fff; } .csv-action-steps ul li.active .step-text { - color: #272b41; + color: #272b41; } .csv-action-steps ul li.done:before { - content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png); + content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png); } .csv-action-steps ul li.done .step { - background-color: #0fb73b; - color: #fff; + background-color: #0fb73b; + color: #fff; } .csv-action-steps ul li.done .step .step-count { - display: none; + display: none; } .csv-action-steps ul li.done .step .dashicons { - display: block; + display: block; } .csv-action-steps ul li.done .step-text { - color: #272b41; + color: #272b41; } -.csv-action-steps ul li:last-child:before, .csv-action-steps ul li:last-child.done:before { - content: none; +.csv-action-steps ul li:last-child:before, +.csv-action-steps ul li:last-child.done:before { + content: none; } .csv-wrapper { - margin-top: 20px; + margin-top: 20px; } .csv-wrapper .csv-center { - width: 700px; - margin: 0 auto; - background-color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); - box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); + width: 700px; + margin: 0 auto; + background-color: #fff; + border-radius: 5px; + -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); + box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); } .csv-wrapper form header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper form header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper form header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper form .form-content { - padding: 30px; + padding: 30px; } .csv-wrapper form .form-content .directorist-importer-options { - margin: 0; + margin: 0; } .csv-wrapper form .form-content .directorist-importer-options h4 { - margin: 0 0 15px 0; - font-size: 15px; + margin: 0 0 15px 0; + font-size: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-upload { - position: relative; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload { - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 1px; - height: 0; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .upload-btn { - line-height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 5px; - padding: 0 20px; - background-color: #5a5f7d; - color: #fff; - font-weight: 500; - min-width: 140px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .file-name { - color: #9299b8; - display: inline-block; - margin-right: 5px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload small { - font-size: 13px; - color: #9299b8; - display: block; - margin-top: 10px; + position: relative; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload { + opacity: 0; + position: absolute; + right: 0; + top: 0; + width: 1px; + height: 0; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .upload-btn { + line-height: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 5px; + padding: 0 20px; + background-color: #5a5f7d; + color: #fff; + font-weight: 500; + min-width: 140px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .file-name { + color: #9299b8; + display: inline-block; + margin-right: 5px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + small { + font-size: 13px; + color: #9299b8; + display: block; + margin-top: 10px; } .csv-wrapper form .form-content .directorist-importer-options .update-existing { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .update-existing label.ue { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 15px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .update-existing + label.ue { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-delimiter { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 10px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input { - width: 120px; - border-radius: 4px; - border: 1px solid #c6d0dc; - height: 36px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + label { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 10px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + input { + width: 120px; + border-radius: 4px; + border: 1px solid #c6d0dc; + height: 36px; } .csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 { - margin-top: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label { - width: 100%; - display: block; - margin-bottom: 15px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - margin-top: 25px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr th, -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr td { - width: 50%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead { - background-color: #f4f5f7; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead th { - border: 0 none; - font-weight: 500; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name { - padding-top: 15px; - padding-right: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name p { - margin: 0 0 5px; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name .description { - color: #9299b8; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name code { - line-break: anywhere; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field { - padding-top: 20px; - padding-left: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field select { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; + margin-top: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + label { + width: 100%; + display: block; + margin-bottom: 15px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + #directory_type { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + margin-top: 25px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + th, +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + td { + width: 50%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead { + background-color: #f4f5f7; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead + th { + border: 0 none; + font-weight: 500; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name { + padding-top: 15px; + padding-right: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + p { + margin: 0 0 5px; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + .description { + color: #9299b8; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + code { + line-break: anywhere; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field { + padding-top: 20px; + padding-left: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field + select { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; } .csv-wrapper form .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .csv-wrapper form .atbdp-actions .button { - background-color: #3e62f5; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-size: 15px; -} -.csv-wrapper form .atbdp-actions .button:hover, .csv-wrapper form .atbdp-actions .button:focus { - opacity: 0.9; + background-color: #3e62f5; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-size: 15px; +} +.csv-wrapper form .atbdp-actions .button:hover, +.csv-wrapper form .atbdp-actions .button:focus { + opacity: 0.9; } .csv-wrapper .directorist-importer__importing header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper .directorist-importer__importing header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper .directorist-importer__importing header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper .directorist-importer__importing section { - padding: 25px 30px 30px; + padding: 25px 30px 30px; } .csv-wrapper .directorist-importer__importing .importer-progress-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #5a5f7d; - margin-top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #5a5f7d; + margin-top: 10px; } .csv-wrapper .directorist-importer__importing span.importer-notice { - padding-bottom: 0; - font-size: 14px; - font-style: italic; + padding-bottom: 0; + font-size: 14px; + font-style: italic; } .csv-wrapper .directorist-importer__importing span.importer-details { - padding-top: 0; - font-size: 14px; + padding-top: 0; + font-size: 14px; } .csv-wrapper .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 15px; - overflow: hidden; + border-radius: 15px; + width: 100%; + height: 15px; + overflow: hidden; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-value { - background-color: #3e62f5; - border-radius: 15px; + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } -.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #3e62f5; - border-radius: 15px; +.csv-wrapper + .directorist-importer__importing + progress[value]::-moz-progress-bar { + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .csv-import-done .wc-progress-form-content { - padding: 100px 30px 80px; + padding: 100px 30px 80px; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions { - text-align: center; + text-align: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .dashicons { - width: 100px; - height: 100px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 50%; - background-color: #0fb73b; - font-size: 70px; - color: #fff; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 100px; + height: 100px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 50%; + background-color: #0fb73b; + font-size: 70px; + color: #fff; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p { - color: #5a5f7d; - font-size: 20px; - margin: 10px 0 0; + color: #5a5f7d; + font-size: 20px; + margin: 10px 0 0; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p strong { - color: #272b41; - font-weight: 600; -} -.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .import-complete { - font-size: 20px; - color: #272b41; - margin: 16px 0 0; + color: #272b41; + font-weight: 600; +} +.csv-wrapper + .csv-import-done + .wc-progress-form-content + .wc-actions + .import-complete { + font-size: 20px; + color: #272b41; + margin: 16px 0 0; } .csv-wrapper .csv-import-done .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; } .csv-wrapper .csv-import-done .atbdp-actions .button { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .csv-wrapper .csv-center.csv-export { - padding: 100px 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 100px 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .csv-wrapper .csv-center.csv-export .button-secondary { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .iris-border .iris-palette-container .iris-palette { - padding: 0 !important; + padding: 0 !important; } #csv_import .vp-input + span { - background-color: #007cba; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + background-color: #007cba; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #csv_import .vp-input + span:after { - content: "Run Importer"; + content: "Run Importer"; } .vp-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .vp-documentation-panel #directorist.atbd_wrapper { - padding: 4px 0; + padding: 4px 0; } .wp-picker-container .wp-picker-input-wrap label { - margin: 0 15px 10px; + margin: 0 15px 10px; } .wp-picker-holder .iris-picker-inner .iris-square { - margin-left: 5%; + margin-left: 5%; } .wp-picker-holder .iris-picker-inner .iris-square .iris-strip { - height: 180px !important; + height: 180px !important; } /* form builder add listing form */ -.postbox-container .postbox select[name=directory_type] + .form-group { - margin-top: 15px; +.postbox-container .postbox select[name="directory_type"] + .form-group { + margin-top: 15px; } .postbox-container .postbox .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } .postbox-container .postbox .form-group label { - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; - margin-bottom: 10px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; + margin-bottom: 10px; } .postbox-container .postbox .form-group #privacy_policy + label { - margin-bottom: 0; -} -.postbox-container .postbox .form-group input[type=text], -.postbox-container .postbox .form-group input[type=tel], -.postbox-container .postbox .form-group input[type=url], -.postbox-container .postbox .form-group input[type=number], -.postbox-container .postbox .form-group input[type=date], -.postbox-container .postbox .form-group input[type=time], -.postbox-container .postbox .form-group input[type=email], + margin-bottom: 0; +} +.postbox-container .postbox .form-group input[type="text"], +.postbox-container .postbox .form-group input[type="tel"], +.postbox-container .postbox .form-group input[type="url"], +.postbox-container .postbox .form-group input[type="number"], +.postbox-container .postbox .form-group input[type="date"], +.postbox-container .postbox .form-group input[type="time"], +.postbox-container .postbox .form-group input[type="email"], .postbox-container .postbox .form-group select.form-control { - display: block; - width: 100%; - padding: 6px 15px; - line-height: 1.5; - border: 1px solid #c6d0dc; -} -.postbox-container .postbox .form-group input[type=text]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-webkit-input-placeholder, .postbox-container .postbox .form-group select.form-control::-webkit-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-moz-placeholder, .postbox-container .postbox .form-group input[type=tel]::-moz-placeholder, .postbox-container .postbox .form-group input[type=url]::-moz-placeholder, .postbox-container .postbox .form-group input[type=number]::-moz-placeholder, .postbox-container .postbox .form-group input[type=date]::-moz-placeholder, .postbox-container .postbox .form-group input[type=time]::-moz-placeholder, .postbox-container .postbox .form-group input[type=email]::-moz-placeholder, .postbox-container .postbox .form-group select.form-control::-moz-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]:-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control:-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control::-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::placeholder, -.postbox-container .postbox .form-group input[type=tel]::placeholder, -.postbox-container .postbox .form-group input[type=url]::placeholder, -.postbox-container .postbox .form-group input[type=number]::placeholder, -.postbox-container .postbox .form-group input[type=date]::placeholder, -.postbox-container .postbox .form-group input[type=time]::placeholder, -.postbox-container .postbox .form-group input[type=email]::placeholder, + display: block; + width: 100%; + padding: 6px 15px; + line-height: 1.5; + border: 1px solid #c6d0dc; +} +.postbox-container + .postbox + .form-group + input[type="text"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="tel"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="url"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]::-webkit-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control::-webkit-input-placeholder { + color: #868eae; +} +.postbox-container .postbox .form-group input[type="text"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="tel"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="url"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="number"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="date"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="time"]::-moz-placeholder, +.postbox-container .postbox .form-group input[type="email"]::-moz-placeholder, +.postbox-container .postbox .form-group select.form-control::-moz-placeholder { + color: #868eae; +} +.postbox-container + .postbox + .form-group + input[type="text"]:-ms-input-placeholder, +.postbox-container .postbox .form-group input[type="tel"]:-ms-input-placeholder, +.postbox-container .postbox .form-group input[type="url"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]:-ms-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control:-ms-input-placeholder { + color: #868eae; +} +.postbox-container + .postbox + .form-group + input[type="text"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="tel"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="url"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="number"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="date"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="time"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + input[type="email"]::-ms-input-placeholder, +.postbox-container + .postbox + .form-group + select.form-control::-ms-input-placeholder { + color: #868eae; +} +.postbox-container .postbox .form-group input[type="text"]::placeholder, +.postbox-container .postbox .form-group input[type="tel"]::placeholder, +.postbox-container .postbox .form-group input[type="url"]::placeholder, +.postbox-container .postbox .form-group input[type="number"]::placeholder, +.postbox-container .postbox .form-group input[type="date"]::placeholder, +.postbox-container .postbox .form-group input[type="time"]::placeholder, +.postbox-container .postbox .form-group input[type="email"]::placeholder, .postbox-container .postbox .form-group select.form-control::placeholder { - color: #868eae; + color: #868eae; } .postbox-container .postbox .form-group textarea { - display: block; - width: 100%; - padding: 6px 6px; - line-height: 1.5; - border: 1px solid #EFF1F6; - height: 100px; + display: block; + width: 100%; + padding: 6px 6px; + line-height: 1.5; + border: 1px solid #eff1f6; + height: 100px; } .postbox-container .postbox .form-group #excerpt { - margin-top: 0; + margin-top: 0; } -.postbox-container .postbox .form-group .directorist-social-info-field #addNewSocial { - border-radius: 3px; +.postbox-container + .postbox + .form-group + .directorist-social-info-field + #addNewSocial { + border-radius: 3px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-sm-12 { - padding: 0 15px; + padding: 0 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-6 { - width: 50%; + width: 50%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-2 { - width: 5%; + width: 5%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper select, .postbox-container .postbox .form-group .atbdp_social_field_wrapper input { - width: 100%; - border: 1px solid #EFF1F6; - height: 35px; + width: 100%; + border: 1px solid #eff1f6; + height: 35px; } .postbox-container .postbox .form-group .btn { - padding: 7px 15px; - cursor: pointer; + padding: 7px 15px; + cursor: pointer; } .postbox-container .postbox .form-group .btn.btn-primary { - background: var(--directorist-color-primary); - border: 0 none; - color: #fff; + background: var(--directorist-color-primary); + border: 0 none; + color: #fff; } -.postbox-container .postbox #directorist-terms_conditions-field input[type=text] { - margin-bottom: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + input[type="text"] { + margin-bottom: 15px; } -.postbox-container .postbox #directorist-terms_conditions-field .map_wrapper .cor-wrap { - margin-top: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + .map_wrapper + .cor-wrap { + margin-top: 15px; } .theme-browser .theme .theme-name { - height: auto; + height: auto; } /* System Status */ .atbds_wrapper { - padding-left: 60px; + padding-left: 60px; } .atbds_wrapper .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbds_wrapper .atbds_col-left { - margin-left: 30px; + margin-left: 30px; } .atbds_wrapper .atbds_col-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .atbds_wrapper .tab-pane { - display: none; + display: none; } .atbds_wrapper .tab-pane.show { - display: block; + display: block; } .atbds_wrapper .atbds_title { - font-size: 24px; - margin: 30px 0 35px; - color: #272b41; + font-size: 24px; + margin: 30px 0 35px; + color: #272b41; } .atbds_content { - margin-top: -8px; + margin-top: -8px; } /* Spacing */ .atbds_wrapper .pl-30 { - padding-right: 30px; + padding-right: 30px; } .atbds_wrapper .pr-30 { - padding-left: 30px; + padding-left: 30px; } /* atbds card */ .atbds_card.card { - padding: 0; - min-width: 100%; - border: 0 none; - border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + padding: 0; + min-width: 100%; + border: 0 none; + border-radius: 4px; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); } .atbds_card .atbds_status-nav .nav-link { - font-size: 14px; - font-weight: 400; + font-size: 14px; + font-weight: 400; } .atbds_card .card-head { - border-bottom: 1px solid #f1f2f6; - padding: 20px 30px; + border-bottom: 1px solid #f1f2f6; + padding: 20px 30px; } .atbds_card .card-head h1, .atbds_card .card-head h2, @@ -1604,273 +1889,277 @@ span.atbdp-tick-cross { .atbds_card .card-head h4, .atbds_card .card-head h5, .atbds_card .card-head h6 { - font-size: 16px; - font-weight: 600; - color: #272b41; - margin: 0; + font-size: 16px; + font-weight: 600; + color: #272b41; + margin: 0; } .atbds_card .card-body .atbds_c-t-menu { - padding: 8px 30px 0; - border-bottom: 1px solid #e3e6ef; + padding: 8px 30px 0; + border-bottom: 1px solid #e3e6ef; } .atbds_card .card-body .atbds_c-t-menu .nav { - margin: 0 -12.5px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 -12.5px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbds_card .card-body .atbds_c-t-menu .nav-item { - margin: 0 12.5px; + margin: 0 12.5px; } .atbds_card .card-body .atbds_c-t-menu .nav-link { - display: inline-block; - font-size: 14px; - font-weight: 600; - color: #272b41; - padding: 20px 0; - text-decoration: none; - position: relative; - white-space: nowrap; + display: inline-block; + font-size: 14px; + font-weight: 600; + color: #272b41; + padding: 20px 0; + text-decoration: none; + position: relative; + white-space: nowrap; } .atbds_card .card-body .atbds_c-t-menu .nav-link.active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .atbds_card .card-body .atbds_c-t-menu .nav-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); - box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); + outline: none; + -webkit-box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); + box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); } .atbds_card .card-body .atbds_c-t-menu .nav-link:after { - position: absolute; - right: 0; - bottom: -1px; - width: 100%; - height: 2px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: #272b41; + position: absolute; + right: 0; + bottom: -1px; + width: 100%; + height: 2px; + content: ""; + opacity: 0; + visibility: hidden; + background-color: #272b41; } .atbds_card .card-body .atbds_c-t-menu .nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbds_card .card-body .atbds_c-t__details { - padding: 20px 0; + padding: 20px 0; } #atbds_support .atbds_card, #atbds_r-viewing .atbds_card { - max-width: 900px; - min-width: auto; + max-width: 900px; + min-width: auto; } /* atbds Sidebar */ .atbds_sidebar ul { - margin-bottom: 0; + margin-bottom: 0; } .atbds_sidebar .nav-link { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar .nav-link.active { - color: #3e62f5; - background-color: #fff; + color: #3e62f5; + background-color: #fff; } .atbds_sidebar .nav-link:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .atbds_sidebar .nav-link .directorist-badge { - font-size: 11px; - height: 20px; - width: 20px; - text-align: center; - line-height: 1.75; - border-radius: 50%; + font-size: 11px; + height: 20px; + width: 20px; + text-align: center; + line-height: 1.75; + border-radius: 50%; } .atbds_sidebar a { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar a:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .atbds_text-center { - text-align: center; + text-align: center; } .atbds_d-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbds_flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; } .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33333%; - -ms-flex: 0 0 33.33333%; - flex: 0 0 33.33333%; - max-width: 31.21%; - position: relative; - width: 100%; - padding-left: 1.05%; - padding-right: 1.05%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 31.21%; + position: relative; + width: 100%; + padding-left: 1.05%; + padding-right: 1.05%; } /* atbds System Table */ .atbd_tooltip { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .atbd_tooltip .atbd_tooltip__text { - display: none; - position: absolute; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: 24px; - padding: 10.5px 15px; - min-width: 300px; - line-height: 1.7333; - border-radius: 4px; - background-color: #272b41; - color: #bebfc6; - z-index: 10; + display: none; + position: absolute; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + top: 24px; + padding: 10.5px 15px; + min-width: 300px; + line-height: 1.7333; + border-radius: 4px; + background-color: #272b41; + color: #bebfc6; + z-index: 10; } .atbd_tooltip .atbd_tooltip__text.show { - display: inline-block; + display: inline-block; } /* atbds System Table */ .atbds_system-table-wrap { - padding: 0 20px; + padding: 0 20px; } .atbds_system-table { - width: 100%; - border-collapse: collapse; + width: 100%; + border-collapse: collapse; } .atbds_system-table tr:nth-child(2n) td { - background-color: #fbfbfb; + background-color: #fbfbfb; } .atbds_system-table td { - font-size: 14px; - color: #5a5f7d; - padding: 14px 20px; - border-radius: 2px; - vertical-align: top; + font-size: 14px; + color: #5a5f7d; + padding: 14px 20px; + border-radius: 2px; + vertical-align: top; } .atbds_system-table td.atbds_table-title { - font-weight: 500; - color: #272b41; - min-width: 125px; + font-weight: 500; + color: #272b41; + min-width: 125px; } .atbds_system-table tbody tr td.atbds_table-pointer { - width: 30px; + width: 30px; } .atbds_system-table tbody tr td.diretorist-table-text p { - margin: 0; - line-height: 1.3; + margin: 0; + line-height: 1.3; } .atbds_system-table tbody tr td.diretorist-table-text p:not(:last-child) { - margin: 0 0 15px; + margin: 0 0 15px; } .atbds_system-table tbody tr td .atbds_color-success { - color: #00bc5e; + color: #00bc5e; } .atbds_table-list li { - margin-bottom: 8px; + margin-bottom: 8px; } /* atbds warnings */ .atbds_warnings { - padding: 30px; - min-height: 615px; + padding: 30px; + min-height: 615px; } .atbds_warnings__single { - border-radius: 6px; - padding: 30px 45px; - background-color: #f8f9fb; - margin-bottom: 30px; + border-radius: 6px; + padding: 30px 45px; + background-color: #f8f9fb; + margin-bottom: 30px; } .atbds_warnings__single .atbds_warnings__icon { - width: 70px; - height: 70px; - margin: 0 auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); + width: 70px; + height: 70px; + margin: 0 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + background-color: #fff; + -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span { - font-size: 30px; + font-size: 30px; } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span, .atbds_warnings__single .atbds_warnings__icon svg { - color: #EF8000; + color: #ef8000; } .atbds_warnings__single .atbds_warnigns__content { - max-width: 290px; - margin: 0 auto; + max-width: 290px; + margin: 0 auto; } .atbds_warnings__single .atbds_warnigns__content h1, .atbds_warnings__single .atbds_warnigns__content h2, @@ -1878,292 +2167,304 @@ span.atbdp-tick-cross { .atbds_warnings__single .atbds_warnigns__content h4, .atbds_warnings__single .atbds_warnigns__content h5, .atbds_warnings__single .atbds_warnigns__content h6 { - font-size: 18px; - line-height: 1.444; - font-weight: 500; - color: #272b41; - margin-bottom: 19px; + font-size: 18px; + line-height: 1.444; + font-weight: 500; + color: #272b41; + margin-bottom: 19px; } .atbds_warnings__single .atbds_warnigns__content p { - font-size: 15px; - line-height: 1.733; - color: #5a5f7d; + font-size: 15px; + line-height: 1.733; + color: #5a5f7d; } .atbds_warnings__single .atbds_warnigns__content .atbds_btnLink { - margin-top: 30px; + margin-top: 30px; } /* atbds Buttons */ .atbds_btnLink { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - text-decoration: none; - color: #3e62f5; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + text-decoration: none; + color: #3e62f5; } .atbds_btnLink i { - margin-right: 7px; + margin-right: 7px; } .atbds_btn { - font-size: 14px; - font-weight: 500; - display: inline-block; - padding: 12px 30px; - border-radius: 4px; - cursor: pointer; - background-color: #c6d0dc; - border: 1px solid #c6d0dc; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - -webkit-transition: 0.3s; - transition: 0.3s; + font-size: 14px; + font-weight: 500; + display: inline-block; + padding: 12px 30px; + border-radius: 4px; + cursor: pointer; + background-color: #c6d0dc; + border: 1px solid #c6d0dc; + -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + -webkit-transition: 0.3s; + transition: 0.3s; } .atbds_btn:hover { - background-color: transparent; - border: 1px solid #3e62f5; + background-color: transparent; + border: 1px solid #3e62f5; } .atbds_btn.atbds_btnPrimary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .atbds_btn.atbds_btnPrimary:hover { - color: #3e62f5; - background-color: #fff; - border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + border-color: #3e62f5; } .atbds_btn.atbds_btnDark { - color: #fff; - background-color: #272b41; + color: #fff; + background-color: #272b41; } .atbds_btn.atbds_btnDark:hover { - color: #272b41; - background-color: #fff; - border-color: #272b41; + color: #272b41; + background-color: #fff; + border-color: #272b41; } .atbds_btn.atbds_btnGray { - color: #272b41; - background-color: #e3e6ef; + color: #272b41; + background-color: #e3e6ef; } .atbds_btn.atbds_btnGray:hover { - color: #272b41; - background-color: #fff; - border-color: #e3e6ef; + color: #272b41; + background-color: #fff; + border-color: #e3e6ef; } .atbds_btn.atbds_btnBordered { - background-color: transparent; - border: 1px solid; + background-color: transparent; + border: 1px solid; } .atbds_btn.atbds_btnBordered.atbds_btnPrimary { - color: #3e62f5; - border-color: #3e62f5; + color: #3e62f5; + border-color: #3e62f5; } .atbds_buttonGroup { - margin: -5px; + margin: -5px; } .atbds_buttonGroup button { - margin: 5px; + margin: 5px; } /* atbds Form Row */ .atbds_form-row:not(:last-child) { - margin-bottom: 30px; + margin-bottom: 30px; } .atbds_form-row label, -.atbds_form-row input[type=text], -.atbds_form-row input[type=email], +.atbds_form-row input[type="text"], +.atbds_form-row input[type="email"], .atbds_form-row textarea { - width: 100%; + width: 100%; } .atbds_form-row input, .atbds_form-row textarea { - border-color: #c6d0dc; - min-height: 46px; - border-radius: 4px; - padding: 0 20px; + border-color: #c6d0dc; + min-height: 46px; + border-radius: 4px; + padding: 0 20px; } .atbds_form-row input:focus, .atbds_form-row textarea:focus { - background-color: #f4f5f7; - color: #868eae; - border-color: #c6d0dc; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + background-color: #f4f5f7; + color: #868eae; + border-color: #c6d0dc; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .atbds_form-row textarea { - padding: 12px 20px; + padding: 12px 20px; } .atbds_form-row label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 8px; + display: inline-block; + font-size: 14px; + font-weight: 500; + color: #272b41; + margin-bottom: 8px; } .atbds_form-row textarea { - min-height: 200px; + min-height: 200px; } -.atbds_customCheckbox input[type=checkbox] { - display: none; +.atbds_customCheckbox input[type="checkbox"] { + display: none; } .atbds_customCheckbox label { - font-size: 15px; - color: #868eae; - display: inline-block !important; - font-size: 14px; -} -.atbds_customCheckbox input[type=checkbox] + label { - min-width: 20px; - min-height: 20px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 38px; - margin-bottom: 0; - line-height: 1.4; - font-weight: 400; - color: #868eae; -} -.atbds_customCheckbox input[type=checkbox] + label:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 3px; - content: ""; - background-color: #fff; - border-width: 1px; - border-style: solid; - border: 1px solid #c6d0dc; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbds_customCheckbox input[type=checkbox] + label:before { - position: absolute; - font-size: 12px; - right: 4px; - top: 2px; - font-weight: 900; - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; - color: #3e62f5; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:after { - background-color: #00bc5e; - border: 1px solid #00bc5e; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + font-size: 15px; + color: #868eae; + display: inline-block !important; + font-size: 14px; +} +.atbds_customCheckbox input[type="checkbox"] + label { + min-width: 20px; + min-height: 20px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-right: 38px; + margin-bottom: 0; + line-height: 1.4; + font-weight: 400; + color: #868eae; +} +.atbds_customCheckbox input[type="checkbox"] + label:after { + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 3px; + content: ""; + background-color: #fff; + border-width: 1px; + border-style: solid; + border: 1px solid #c6d0dc; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbds_customCheckbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 12px; + right: 4px; + top: 2px; + font-weight: 900; + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; + color: #3e62f5; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:after { + background-color: #00bc5e; + border: 1px solid #00bc5e; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } #listing_form_info { - background: none; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; + background: none; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; } #listing_form_info #directiost-listing-fields_wrapper { - margin-top: 15px !important; + margin-top: 15px !important; } #listing_form_info .atbd_content_module { - border: 1px solid #e3e6ef; - margin-bottom: 35px; - background-color: #ffffff; - text-align: right; - border-radius: 3px; + border: 1px solid #e3e6ef; + margin-bottom: 35px; + background-color: #ffffff; + text-align: right; + border-radius: 3px; } #listing_form_info .atbd_content_module .atbd_content_module_title_area { - border-bottom: 1px solid #e3e6ef; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 30px !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + border-bottom: 1px solid #e3e6ef; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 30px !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } #listing_form_info .atbd_content_module .atbd_content_module_title_area h4 { - margin: 0; + margin: 0; } #listing_form_info .atbd_content_module .atbdb_content_module_contents { - padding: 30px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .form-group:last-child { - margin-bottom: 0; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents #hide_if_no_manual_cor { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .hide-map-option { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .atbdb_content_module_contents { - padding: 0 20px 20px; + padding: 30px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .form-group:last-child { + margin-bottom: 0; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + #hide_if_no_manual_cor { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .hide-map-option { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .atbdb_content_module_contents { + padding: 0 20px 20px; } #listing_form_info .directorist_loader { - position: absolute; - top: 0; - left: 0%; + position: absolute; + top: 0; + left: 0%; } .atbd-booking-information .atbd_area_title { - padding: 0 20px; + padding: 0 20px; } .wp-list-table .page-title-action { - background-color: #222; - border: 0 none; - border-radius: 3px; - font-size: 11px; - position: relative; - top: 1px; - color: #fff; + background-color: #222; + border: 0 none; + border-radius: 3px; + font-size: 11px; + position: relative; + top: 1px; + color: #fff; } .atbd-listing-type-active-status { - display: inline-block; - color: #00AC17; - margin-right: 10px; + display: inline-block; + color: #00ac17; + margin-right: 10px; } /* atbds SupportForm */ .atbds_supportForm { - padding: 10px 50px 50px 50px; - color: #5a5f7d; + padding: 10px 50px 50px 50px; + color: #5a5f7d; } .atbds_supportForm h1, .atbds_supportForm h2, @@ -2171,5971 +2472,6865 @@ span.atbdp-tick-cross { .atbds_supportForm h4, .atbds_supportForm h5, .atbds_supportForm h6 { - font-size: 20px; - font-weight: 500; - color: #272b41; - margin: 20px 0 15px; + font-size: 20px; + font-weight: 500; + color: #272b41; + margin: 20px 0 15px; } .atbds_supportForm p { - font-size: 15px; - margin-bottom: 35px; + font-size: 15px; + margin-bottom: 35px; } .atbds_supportForm .atbds_customCheckbox { - margin-top: -14px; + margin-top: -14px; } /* atbds remoteViewingForm */ .atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; + padding: 10px 50px 50px 50px; } .atbds_remoteViewingForm p { - font-size: 15px; - line-height: 1.7333; - color: #5a5f7d; + font-size: 15px; + line-height: 1.7333; + color: #5a5f7d; } .atbds_remoteViewingForm .atbds_form-row input { - min-width: 450px; - margin-left: 10px; + min-width: 450px; + margin-left: 10px; } .atbds_remoteViewingForm .atbds_form-row .btn-test { - font-weight: 700; + font-weight: 700; } .atbds_remoteViewingForm .atbds_buttonGroup { - margin-top: -10px; + margin-top: -10px; } .atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn { - padding: 10.5px 33px; + padding: 10.5px 33px; } @media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } + .atbds_warnings__single { + padding: 30px; + } } @media only screen and (max-width: 1399px) { - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 47%; - -ms-flex: 0 0 47%; - flex: 0 0 47%; - max-width: 47%; - padding-right: 1.5%; - padding-left: 1.5%; - } + .atbds_warnings .atbds_col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 47%; + -ms-flex: 0 0 47%; + flex: 0 0 47%; + max-width: 47%; + padding-right: 1.5%; + padding-left: 1.5%; + } } @media only screen and (max-width: 1024px) { - .atbds_warnings .atbds_row { - margin: 0px; - } - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - padding-right: 0; - padding-left: 0; - } + .atbds_warnings .atbds_row { + margin: 0px; + } + .atbds_warnings .atbds_col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + padding-right: 0; + padding-left: 0; + } } @media only screen and (max-width: 1120px) { - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 300px; - } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 300px; + } } @media only screen and (max-width: 850px) { - .atbds_wrapper { - padding: 30px; - } - .atbds_wrapper .atbds_row { - margin: 0px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - } - .atbds_wrapper .atbds_row .atbds_col-left { - margin-left: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { - padding-right: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 100%; - margin-bottom: 15px; - } - .table-responsive { - width: 100%; - display: block; - overflow-x: auto; - } + .atbds_wrapper { + padding: 30px; + } + .atbds_wrapper .atbds_row { + margin: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + } + .atbds_wrapper .atbds_row .atbds_col-left { + margin-left: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { + padding-right: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 100%; + margin-bottom: 15px; + } + .table-responsive { + width: 100%; + display: block; + overflow-x: auto; + } } @media only screen and (max-width: 764px) { - .atbds_warnings__single { - padding: 15px; - } - .atbds_supportForm { - padding: 10px 25px 25px 25px; - } - .atbds_customCheckbox input[type=checkbox] + label { - padding-right: 28px; - } + .atbds_warnings__single { + padding: 15px; + } + .atbds_supportForm { + padding: 10px 25px 25px 25px; + } + .atbds_customCheckbox input[type="checkbox"] + label { + padding-right: 28px; + } } #atbdp-send-system-info .system_info_success { - color: #00AC17; + color: #00ac17; } #atbds_r-viewing #atbdp-remote-response { - padding: 20px 50px 0; - color: #00AC17; + padding: 20px 50px 0; + color: #00ac17; } #atbds_r-viewing .atbds_form-row .button-secondary { - padding: 8px 33px; - text-decoration: none; - border-color: #3e62f5; - color: #3e62f5; - background-color: #fff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + padding: 8px 33px; + text-decoration: none; + border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } #atbds_r-viewing .atbds_form-row .button-secondary:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .atbdb_content_module_contents .ez-media-uploader { - text-align: center; + text-align: center; } .add_listing_form_wrapper .upload-header, .add_listing_form_wrapper #listing_image_btn, .add_listing_form_wrapper #delete-custom-img { - font-size: 15px; - padding: 0 15.8px !important; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 38px; - border-radius: 4px; - text-decoration: none; - color: #fff; + font-size: 15px; + padding: 0 15.8px !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 38px; + border-radius: 4px; + text-decoration: none; + color: #fff; } .add_listing_form_wrapper .listing-img-container { - margin: 40px 0 20px; - margin: -10px; - text-align: center; + margin: 40px 0 20px; + margin: -10px; + text-align: center; } .add_listing_form_wrapper .listing-img-container .single_attachment { - display: inline-block; - margin: 10px; - position: relative; -} -.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; + display: inline-block; + margin: 10px; + position: relative; +} +.add_listing_form_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; } .add_listing_form_wrapper .listing-img-container img { - max-width: 100px; - height: 65px !important; + max-width: 100px; + height: 65px !important; } .add_listing_form_wrapper .listing-img-container p { - font-size: 14px; + font-size: 14px; } .add_listing_form_wrapper .directorist-hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .add_listing_form_wrapper #listing_image_btn .dashicons-format-image { - margin-left: 6px; + margin-left: 6px; } .add_listing_form_wrapper #delete-custom-img { - margin-right: 5px; - background-color: #EF0000; + margin-right: 5px; + background-color: #ef0000; } .add_listing_form_wrapper #delete-custom-img.hidden { - display: none; + display: none; } #announcment_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #007cba; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #announcment_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } /* Announcment */ /* ----------------------------- */ #announcement_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: 80px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #007cba; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: 80px; + cursor: pointer; } #announcement_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } #announcement_submit .label { - visibility: hidden; + visibility: hidden; } .announcement-feedback { - margin-bottom: 15px; + margin-bottom: 15px; } /* --------------[ Announcment End ]--------------- */ /* Section */ .atbdp-section { - display: block; + display: block; } .atbdp-section-toggle, .atbdp-accordion-toggle { - cursor: pointer; + cursor: pointer; } .atbdp-section-header { - display: block; + display: block; } #directorist.atbd_wrapper h3.atbdp-section-title { - margin-bottom: 25px; + margin-bottom: 25px; } .atbdp-section-content { - padding: 10px; - background-color: #fff; + padding: 10px; + background-color: #fff; } .atbdp-state-section-content { - margin-bottom: 20px; - padding: 25px 30px; + margin-bottom: 20px; + padding: 25px 30px; } .atbdp-state-vertical { - padding: 8px 20px; + padding: 8px 20px; } .atbdp-themes-extension-license-activation-content { - padding: 0; - background-color: transparent; + padding: 0; + background-color: transparent; } /* Accordion */ .atbdp-license-accordion { - margin: 30px 0; + margin: 30px 0; } .atbdp-accordion-content { - display: none; - padding: 10px; - background-color: #fff; + display: none; + padding: 10px; + background-color: #fff; } /* Card */ .atbdp-card-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 -15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbdp-card-list__item { - margin-bottom: 10px; - width: 100%; - max-width: 300px; - padding: 0 15px; + margin-bottom: 10px; + width: 100%; + max-width: 300px; + padding: 0 15px; } .atbdp-card { - display: block; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - padding: 20px; - text-align: center; + display: block; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + padding: 20px; + text-align: center; } .atbdp-card-header { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-card-body { - display: block; + display: block; } #directorist.atbd_wrapper .atbdp-card-title, .atbdp-card-title { - font-size: 19px; + font-size: 19px; } .atbdp-card-icon { - display: block; - font-size: 60px; + display: block; + font-size: 60px; } .atbdp-card-icon { - display: block; + display: block; } /* Form */ .atbdp-centered-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: calc(100vh - 50px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: calc(100vh - 50px); } .atbdp-form-container { - margin: 0 auto; - width: 100%; - max-width: 400px; - padding: 20px; - border-radius: 4px; - -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - background-color: #fff; + margin: 0 auto; + width: 100%; + max-width: 400px; + padding: 20px; + border-radius: 4px; + -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + background-color: #fff; } .atbdp-license-form-container { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .atbdp-form-page { - width: 100%; + width: 100%; } .atbdp-form-response-page { - width: 100%; + width: 100%; } .atbdp-checklist-section { - margin-top: 30px; - text-align: right; + margin-top: 30px; + text-align: right; } .atbdp-form-header { - display: block; + display: block; } .atbdp-form-body { - display: block; + display: block; } .atbdp-form-footer { - display: block; - text-align: center; + display: block; + text-align: center; } .atbdp-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-form-group label { - display: block; - margin-bottom: 5px; - font-weight: bold; + display: block; + margin-bottom: 5px; + font-weight: bold; } input.atbdp-form-control { - display: block; - width: 100%; - border: none; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px; - background-color: #f4f5f7; + display: block; + width: 100%; + border: none; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px; + background-color: #f4f5f7; } .atbdp-form-feedback { - margin: 10px 0; + margin: 10px 0; } .atbdp-form-feedback span { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .et-auth-section-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap .atbdp-form-control { - min-width: 140px; + min-width: 140px; } .et-auth-section-wrap .atbdp-input-group-append { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } .atbdp-form-alert { - padding: 8px 15px; - border-radius: 4px; - margin-bottom: 5px; - text-align: center; - color: #2b2b2b; - background: f2f2f2; + padding: 8px 15px; + border-radius: 4px; + margin-bottom: 5px; + text-align: center; + color: #2b2b2b; + background: f2f2f2; } .atbdp-form-alert a { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } .atbdp-form-alert a:hover { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .atbdp-form-alert-success { - color: #fff; - background-color: #53b732; + color: #fff; + background-color: #53b732; } .atbdp-form-alert-danger, .atbdp-form-alert-error { - color: #fff; - background-color: #ff4343; + color: #fff; + background-color: #ff4343; } .atbdp-btn { - padding: 8px 20px; - border: none; - border-radius: 3px; - min-height: 40px; - cursor: pointer; + padding: 8px 20px; + border: none; + border-radius: 3px; + min-height: 40px; + cursor: pointer; } .atbdp-btn-primary { - color: #fff; - background-color: #6495ed; + color: #fff; + background-color: #6495ed; } /* Utility */ .purchase-refresh-btn-wrapper { - overflow: hidden; + overflow: hidden; } .atbdp-action-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbdp-hide { - width: 0; - overflow: hidden; + width: 0; + overflow: hidden; } .atbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .atbdp-text-center { - text-align: center; + text-align: center; } .atbdp-text-success { - color: #0fb73b; + color: #0fb73b; } .atbdp-text-danger { - color: #c81d1d; + color: #c81d1d; } .atbdp-text-muted { - color: gray; + color: gray; } /* Tab Contents */ .atbdp-tab-nav-area { - display: block; + display: block; } .atbdp-tab-nav-menu { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 10px; - border-bottom: 1px solid #ccc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 10px; + border-bottom: 1px solid #ccc; } .atbdp-tab-nav-menu__item { - display: block; - position: relative; - margin: 0 5px; - font-weight: 600; - color: #555; - border: 1px solid #ccc; - border-bottom: none; + display: block; + position: relative; + margin: 0 5px; + font-weight: 600; + color: #555; + border: 1px solid #ccc; + border-bottom: none; } .atbdp-tab-nav-menu__item.active { - bottom: -1px; + bottom: -1px; } .atbdp-tab-nav-menu__link { - display: block; - padding: 10px 15px; - text-decoration: none; - color: #555; - background-color: #e5e5e5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + padding: 10px 15px; + text-decoration: none; + color: #555; + background-color: #e5e5e5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - background-color: #f1f1f1; + background-color: #f1f1f1; } .atbdp-tab-nav-menu__link:hover { - color: #555; - background-color: #fff; + color: #555; + background-color: #fff; } .atbdp-tab-nav-menu__link:active, .atbdp-tab-nav-menu__link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - display: block; + display: block; } .atbdp-tab-content-area { - display: block; + display: block; } .atbdp-tab-content { - display: none; + display: none; } .atbdp-tab-content.active { - display: block; + display: block; } /* atbdp-counter-list */ #directorist.atbd_wrapper ul.atbdp-counter-list { - padding: 0; - margin: 0 -20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0; + margin: 0 -20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .atbdp-counter-list__item { - display: inline-block; - list-style: none; - padding: 0 20px; + display: inline-block; + list-style: none; + padding: 0 20px; } .atbdp-counter-list__number { - display: block; - font-size: 30px; - line-height: normal; - margin-bottom: 5px; - font-weight: 500; + display: block; + font-size: 30px; + line-height: normal; + margin-bottom: 5px; + font-weight: 500; } .atbdp-counter-list__label { - display: block; - font-weight: 500; + display: block; + font-weight: 500; } .atbdp-counter-list__actions { - display: block; + display: block; } .atbdp-counter-list-vertical { - display: block; + display: block; } .atbdp-counter-list-vertical .atbdp-counter-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } @media only screen and (max-width: 475px) { - .atbdp-counter-list-vertical .atbdp-counter-list__item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .atbdp-counter-list-vertical .atbdp-counter-list__item .atbdp-counter-list__actions { - margin-right: 0 !important; - } + .atbdp-counter-list-vertical .atbdp-counter-list__item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .atbdp-counter-list-vertical + .atbdp-counter-list__item + .atbdp-counter-list__actions { + margin-right: 0 !important; + } } .atbdp-counter-list-vertical .atbdp-counter-list__number { - margin-left: 10px; + margin-left: 10px; } .atbdp-counter-list-vertical .atbdp-counter-list__actions { - margin-right: auto; + margin-right: auto; } .et-contents__tab-item { - display: none; + display: none; } .et-contents__tab-item .theme-card-wrapper .theme-card { - width: 100%; + width: 100%; } .et-contents__tab-item.active { - display: block; + display: block; } .et-wrapper { - background-color: #fff; - border-radius: 4px; + background-color: #fff; + border-radius: 4px; } .et-wrapper .et-wrapper-head { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 30px; - border-bottom: 1px solid #f1f2f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-wrapper-head h3 { - font-size: 16px !important; - font-weight: 600; - margin: 0 !important; + font-size: 16px !important; + font-weight: 600; + margin: 0 !important; } .et-wrapper .et-wrapper-head .et-search { - position: relative; + position: relative; } .et-wrapper .et-wrapper-head .et-search input { - background-color: #f4f5f7; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 40px 0 15px; - min-width: 300px; + background-color: #f4f5f7; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 40px 0 15px; + min-width: 300px; } .et-wrapper .et-wrapper-head .et-search span { - position: absolute; - right: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 16px; + position: absolute; + right: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 16px; } .et-wrapper .et-contents .ext-table-responsive { - display: block; - width: 100%; - overflow-x: auto; - overflow-y: hidden; - padding-bottom: 30px; - border-bottom: 1px solid #f1f2f6; + display: block; + width: 100%; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-contents .ext-table-responsive table tr td .extension-name { - min-width: 400px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_status-badge { - min-width: 60px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update { - min-width: 70px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update p { - margin-top: 0; + min-width: 400px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_status-badge { + min-width: 60px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update { + min-width: 70px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update + p { + margin-top: 0; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-action { - min-width: 180px; + min-width: 180px; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-info { - min-width: 120px; + min-width: 120px; } .et-wrapper .et-contents .ext-available:last-child .ext-table-responsive { - border-bottom: 0 none; - padding-bottom: 0; + border-bottom: 0 none; + padding-bottom: 0; } .et-wrapper .et-contents__tab-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 18px; - border-bottom: 1px solid #e3e6ef; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 18px; + border-bottom: 1px solid #e3e6ef; } .et-wrapper .et-contents__tab-nav li { - margin: 0 12px; + margin: 0 12px; } .et-wrapper .et-contents__tab-nav li a { - padding: 25px 0; - position: relative; - display: block; - font-size: 15px; - font-weight: 500; - color: #868eae !important; + padding: 25px 0; + position: relative; + display: block; + font-size: 15px; + font-weight: 500; + color: #868eae !important; } .et-wrapper .et-contents__tab-nav li a:before { - position: absolute; - content: ""; - width: 100%; - height: 2px; - background: transparent; - bottom: -1px; - right: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + position: absolute; + content: ""; + width: 100%; + height: 2px; + background: transparent; + bottom: -1px; + right: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .et-wrapper .et-contents__tab-nav li.active a { - color: #3e62f5 !important; - font-weight: 600; + color: #3e62f5 !important; + font-weight: 600; } .et-wrapper .et-contents__tab-nav li.active a:before { - background-color: #3e62f5; + background-color: #3e62f5; } .et-wrapper .et-contents .ext-wrapper h4 { - font-size: 15px !important; - font-weight: 500; - padding: 0 30px; + font-size: 15px !important; + font-weight: 500; + padding: 0 30px; } .et-wrapper .et-contents .ext-wrapper h4.req-ext-title { - margin-bottom: 10px; + margin-bottom: 10px; } .et-wrapper .et-contents .ext-wrapper span.ext-short-desc { - padding: 0 30px; - display: block; - margin-bottom: 20px; + padding: 0 30px; + display: block; + margin-bottom: 20px; } .et-wrapper .et-contents .ext-wrapper .ext-installed__table { - padding: 0 15px 25px; + padding: 0 15px 25px; } .et-wrapper .et-contents .ext-wrapper table { - width: 100%; + width: 100%; } .et-wrapper .et-contents .ext-wrapper table thead { - background-color: #f8f9fb; - width: 100%; - border-radius: 6px; + background-color: #f8f9fb; + width: 100%; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table thead th { - padding: 10px 15px; + padding: 10px 15px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all { - margin-left: 20px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all .directorist-checkbox__label { - min-height: 18px; - margin-bottom: 0 !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown { - margin-left: 8px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown select { - border: 1px solid #e3e6ef !important; - border-radius: 4px; - height: 30px !important; - min-width: 130px; + margin-left: 20px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-select-all + .directorist-checkbox__label { + min-height: 18px; + margin-bottom: 0 !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown { + margin-left: 8px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown + select { + border: 1px solid #e3e6ef !important; + border-radius: 4px; + height: 30px !important; + min-width: 130px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-btn, -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - background-color: #c6d0dc !important; - border-radius: 4px; - color: #fff !important; - line-height: 30px; - padding: 0 15px !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - padding: 6px 15px; - border: none; - border-radius: 4px !important; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:active, .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:focus { - outline: none !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn.ei-action-active { - background-color: #3e62f5 !important; +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + background-color: #c6d0dc !important; + border-radius: 4px; + color: #fff !important; + line-height: 30px; + padding: 0 15px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + padding: 6px 15px; + border: none; + border-radius: 4px !important; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:active, +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:focus { + outline: none !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn.ei-action-active { + background-color: #3e62f5 !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 15px; - min-width: 300px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox .directorist-checkbox__label { - padding-right: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 15px; + min-width: 300px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + .directorist-checkbox__label { + padding-right: 30px; } .et-wrapper .et-contents .ext-wrapper table .extension-name input { - margin-left: 20px !important; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox__label { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - top: 12px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 16px !important; + margin-left: 20px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox__label { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 12px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 16px !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name label { - margin-bottom: 0 !important; - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 0 !important; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .extension-name label img { - display: inline-block; - margin-left: 15px; - border-radius: 6px; + display: inline-block; + margin-left: 15px; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table .extension-name label .ext-version { - color: #868eae; - font-size: 11px; - font-weight: 600; - display: inline-block; - margin-right: 10px; + color: #868eae; + font-size: 11px; + font-weight: 600; + display: inline-block; + margin-right: 10px; } .et-wrapper .et-contents .ext-wrapper table .active-badge { - display: inline-block; - font-size: 11px; - font-weight: 600; - color: #fff; - background-color: #00b158; - line-height: 22px; - padding: 0 10px; - border-radius: 25px; + display: inline-block; + font-size: 11px; + font-weight: 600; + color: #fff; + background-color: #00b158; + line-height: 22px; + padding: 0 10px; + border-radius: 25px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info { - margin-bottom: 0 !important; - position: relative; - padding-right: 20px; - font-size: 13px; + margin-bottom: 0 !important; + position: relative; + padding-right: 20px; + font-size: 13px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #2c99ff; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c99ff; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .et-wrapper .et-contents .ext-wrapper table .ext-update-info span { - color: #2c99ff; - display: inline-block; - margin-right: 10px; - border-bottom: 1px dashed #2c99ff; - cursor: pointer; -} -.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before { - background-color: #00b158; + color: #2c99ff; + display: inline-block; + margin-right: 10px; + border-bottom: 1px dashed #2c99ff; + cursor: pointer; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-update-info.ext-updated:before { + background-color: #00b158; } .et-wrapper .et-contents .ext-wrapper table .ext-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -8px 0 0; - min-width: 170px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -8px 0 0; + min-width: 170px; } .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-right: 17px; - display: inline-block; - position: relative; - font-size: 18px; - line-height: 34px; - border-radius: 4px; - padding: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - outline: 0; + margin-right: 17px; + display: inline-block; + position: relative; + font-size: 18px; + line-height: 34px; + border-radius: 4px; + padding: 0 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + outline: 0; } @media only screen and (max-width: 767px) { - .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-right: 6px; - } -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active { - background-color: #f4f5f7 !important; + .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { + margin-right: 6px; + } +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active { + background-color: #f4f5f7 !important; } .et-wrapper .et-contents .ext-wrapper table .ext-action div { - position: relative; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item { - position: absolute; - left: 0; - top: 37px; - border: 1px solid #f1f2f6; - border-radius: 4px; - min-width: 140px; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - background-color: #fff; - z-index: 1; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item a { - line-height: 40px; - display: block; - padding: 0 20px; - font-size: 14px; - font-weight: 500; - color: #ff272a !important; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active + .ext-action-drop__item { - visibility: visible; - opacity: 1; - pointer-events: all; + position: relative; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item { + position: absolute; + left: 0; + top: 37px; + border: 1px solid #f1f2f6; + border-radius: 4px; + min-width: 140px; + -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + background-color: #fff; + z-index: 1; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item + a { + line-height: 40px; + display: block; + padding: 0 20px; + font-size: 14px; + font-weight: 500; + color: #ff272a !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active + + .ext-action-drop__item { + visibility: visible; + opacity: 1; + pointer-events: all; } .et-wrapper .et-contents .ext-wrapper .ext-installed-table { - padding: 15px 15px 0 15px; - margin-bottom: 30px; + padding: 15px 15px 0 15px; + margin-bottom: 30px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table { - padding: 15px; + padding: 15px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table h4 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .et-header-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } @media only screen and (max-width: 660px) { - .et-header-title-area { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .et-header-title-area { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .et-header-actions { - margin: 0 10px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 10px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 660px) { - .et-header-actions { - margin: 10px -6px -6px; - } - .et-header-actions .atbdp-action-group { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { - margin-bottom: 10px; - } + .et-header-actions { + margin: 10px -6px -6px; + } + .et-header-actions .atbdp-action-group { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { + margin-bottom: 10px; + } } .et-auth-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow: hidden; } .et-auth-section-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 1px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 1px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow: hidden; } .atbdp-input-group-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbdp-input-group-append { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } #directorist.atbd_wrapper .ext-action-btn { - display: inline-block; - line-height: 34px; - background-color: #f4f5f7 !important; - padding: 0 20px; - border-radius: 25px; - margin: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px !important; - font-weight: 500; - white-space: nowrap; + display: inline-block; + line-height: 34px; + background-color: #f4f5f7 !important; + padding: 0 20px; + border-radius: 25px; + margin: 0 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 14px !important; + font-weight: 500; + white-space: nowrap; } #directorist.atbd_wrapper .ext-action-btn:hover { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .ext-action-btn.ext-install-btn { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } .et-tab { - display: none; + display: none; } .et-tab-active { - display: block; + display: block; } /* theme card */ .theme-card-wrapper { - padding: 20px 30px 50px; + padding: 20px 30px 50px; } .theme-card { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - width: 400px; - max-width: 400px; - border-radius: 6px; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + width: 400px; + max-width: 400px; + border-radius: 6px; } .theme-card figure { - padding: 25px 25px 20px; - margin-bottom: 0 !important; + padding: 25px 25px 20px; + margin-bottom: 0 !important; } .theme-card figure img { - width: 100%; - display: block; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); + width: 100%; + display: block; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); } .theme-card figure figcaption .theme-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; } .theme-card figure figcaption .theme-title h5 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card figure figcaption .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .theme-card figure figcaption .theme-action .theme-action-btn { - border-radius: 20px; - background-color: #f4f5f7 !important; - font-size: 14px; - font-weight: 500; - line-height: 40px; - padding: 0 20px; - color: #272b41; - display: inline-block; - margin: 8px 6px; + border-radius: 20px; + background-color: #f4f5f7 !important; + font-size: 14px; + font-weight: 500; + line-height: 40px; + padding: 0 20px; + color: #272b41; + display: inline-block; + margin: 8px 6px; } .theme-card figure figcaption .theme-action .theme-action-btn.btn-customize { - color: #fff !important; - background-color: #3e62f5 !important; + color: #fff !important; + background-color: #3e62f5 !important; } .theme-card__footer { - border-top: 1px solid #EFF1F6; - padding: 20px 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + border-top: 1px solid #eff1f6; + padding: 20px 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .theme-card__footer p { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card__footer .theme-update { - position: relative; - padding-right: 16px; - font-size: 13px; - color: #5a5f7d !important; + position: relative; + padding-right: 16px; + font-size: 13px; + color: #5a5f7d !important; } .theme-card__footer .theme-update:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background-color: #2c99ff; - border-radius: 50%; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + background-color: #2c99ff; + border-radius: 50%; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .theme-card__footer .theme-update .whats-new { - display: inline-block; - color: #2c99ff !important; - border-bottom: 1px dashed #2c99ff; - margin-right: 10px; - cursor: pointer; + display: inline-block; + color: #2c99ff !important; + border-bottom: 1px dashed #2c99ff; + margin-right: 10px; + cursor: pointer; } .theme-card__footer .theme-update-btn { - display: inline-block; - line-height: 34px; - font-size: 13px; - font-weight: 500; - color: #fff !important; - background-color: #3e62f5 !important; - border-radius: 20px; - padding: 0 20px; + display: inline-block; + line-height: 34px; + font-size: 13px; + font-weight: 500; + color: #fff !important; + background-color: #3e62f5 !important; + border-radius: 20px; + padding: 0 20px; } .available-themes-wrapper .available-themes { - padding: 12px 30px 30px 30px; - margin: -15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 12px 30px 30px 30px; + margin: -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .available-themes-wrapper .available-themes .available-theme-card figure { - margin: 0; + margin: 0; } .available-themes-wrapper .available-theme-card { - max-width: 400px; - background-color: #f4f5f7; - border-radius: 6px; - padding: 25px; - margin: 15px; + max-width: 400px; + background-color: #f4f5f7; + border-radius: 6px; + padding: 25px; + margin: 15px; } .available-themes-wrapper .available-theme-card img { - width: 100%; + width: 100%; } .available-themes-wrapper figure { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .available-themes-wrapper figure img { - border-radius: 6px; - border-radius: 5px 0 rgba(173, 180, 210, 0.2) 10px; + border-radius: 6px; + border-radius: 5px 0 rgba(173, 180, 210, 0.2) 10px; } .available-themes-wrapper figure h5 { - margin: 20px 0 !important; - font-size: 20px; - font-weight: 500; - color: #272b41 !important; + margin: 20px 0 !important; + font-size: 20px; + font-weight: 500; + color: #272b41 !important; } .available-themes-wrapper figure .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .available-themes-wrapper figure .theme-action .theme-action-btn { - line-height: 40px; - display: inline-block; - padding: 0 20px; - border-radius: 20px; - color: #272b41 !important; - -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - background-color: #fff !important; - font-weight: 500; - font-size: 14px; - margin: 8px 6px; -} -.available-themes-wrapper figure .theme-action .theme-action-btn.theme-activate-btn { - background-color: #3e62f5 !important; - color: #fff !important; + line-height: 40px; + display: inline-block; + padding: 0 20px; + border-radius: 20px; + color: #272b41 !important; + -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + background-color: #fff !important; + font-weight: 500; + font-size: 14px; + margin: 8px 6px; +} +.available-themes-wrapper + figure + .theme-action + .theme-action-btn.theme-activate-btn { + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .account-connect { - padding: 30px 50px; - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - width: 670px; - margin: 0 auto 30px; - text-align: center; + padding: 30px 50px; + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + width: 670px; + margin: 0 auto 30px; + text-align: center; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .account-connect { - width: 100%; - padding: 30px; - } + #directorist.atbd_wrapper .account-connect { + width: 100%; + padding: 30px; + } } #directorist.atbd_wrapper .account-connect h4 { - font-size: 24px !important; - font-weight: 500; - color: #272b41 !important; - margin-bottom: 20px; + font-size: 24px !important; + font-weight: 500; + color: #272b41 !important; + margin-bottom: 20px; } #directorist.atbd_wrapper .account-connect p { - font-size: 16px; - line-height: 1.63; - color: #5a5f7d !important; - margin-bottom: 30px; + font-size: 16px; + line-height: 1.63; + color: #5a5f7d !important; + margin-bottom: 30px; } #directorist.atbd_wrapper .account-connect__form form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -12px -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -12px -5px; } #directorist.atbd_wrapper .account-connect__form-group { - position: relative; - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 12px 5px; + position: relative; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-group input { - width: 100%; - border-radius: 4px; - height: 48px; - border: 1px solid #e3e6ef; - padding: 0 42px 0 15px; + width: 100%; + border-radius: 4px; + height: 48px; + border: 1px solid #e3e6ef; + padding: 0 42px 0 15px; } #directorist.atbd_wrapper .account-connect__form-group span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + font-size: 18px; + color: #a1a8c6; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } #directorist.atbd_wrapper .account-connect__form-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 12px 5px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-btn button { - position: relative; - display: block; - width: 100%; - border: 0 none; - background-color: #3e62f5; - height: 50px; - padding: 0 20px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - font-size: 15px; - font-weight: 500; - color: #fff; - cursor: pointer; + position: relative; + display: block; + width: 100%; + border: 0 none; + background-color: #3e62f5; + height: 50px; + padding: 0 20px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + font-size: 15px; + font-weight: 500; + color: #fff; + cursor: pointer; } #directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } /* extension and themes column */ .extension-theme-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: -25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: -25px; } #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 25px; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + #directorist.atbd_wrapper .et-column { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } #directorist.atbd_wrapper .et-column h2 { - font-size: 22px; - font-weight: 500; - color: #272b41; - margin-bottom: 25px; + font-size: 22px; + font-weight: 500; + color: #272b41; + margin-bottom: 25px; } #directorist.atbd_wrapper .et-card { - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 15px; - margin-bottom: 20px; + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 15px; + margin-bottom: 20px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -#directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - padding: 10px; + #directorist.atbd_wrapper .et-card { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +#directorist.atbd_wrapper .et-card__image, +#directorist.atbd_wrapper .et-card__details { + padding: 10px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - max-width: 100%; - } + #directorist.atbd_wrapper .et-card__image, + #directorist.atbd_wrapper .et-card__details { + max-width: 100%; + } } #directorist.atbd_wrapper .et-card__image img { - max-width: 100%; - border-radius: 6px; - max-height: 150px; + max-width: 100%; + border-radius: 6px; + max-height: 150px; } #directorist.atbd_wrapper .et-card__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } #directorist.atbd_wrapper .et-card__details h3 { - margin-top: 0; - margin-bottom: 20px; - font-size: 20px; - font-weight: 500; - color: #272b41; + margin-top: 0; + margin-bottom: 20px; + font-size: 20px; + font-weight: 500; + color: #272b41; } #directorist.atbd_wrapper .et-card__details p { - line-height: 1.63; - color: #5a5f7d; - margin-bottom: 20px; - font-size: 16px; + line-height: 1.63; + color: #5a5f7d; + margin-bottom: 20px; + font-size: 16px; } #directorist.atbd_wrapper .et-card__details ul { - margin: -5px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: -5px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } #directorist.atbd_wrapper .et-card__details ul li { - padding: 5px; + padding: 5px; } #directorist.atbd_wrapper .et-card__btn { - line-height: 40px; - font-size: 14px; - font-weight: 500; - padding: 0 20px; - border-radius: 5px; - display: block; - text-decoration: none; + line-height: 40px; + font-size: 14px; + font-weight: 500; + padding: 0 20px; + border-radius: 5px; + display: block; + text-decoration: none; } #directorist.atbd_wrapper .et-card__btn--primary { - background-color: rgba(62, 98, 245, 0.1); - color: #3e62f5; + background-color: rgba(62, 98, 245, 0.1); + color: #3e62f5; } #directorist.atbd_wrapper .et-card__btn--secondary { - background-color: rgba(255, 64, 140, 0.1); - color: #ff408c; + background-color: rgba(255, 64, 140, 0.1); + color: #ff408c; } /* atmodal */ /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: #fff; - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: #fff; + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: #fff; - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: #fff; + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } #directorist.atbd_wrapper .modal-header { - padding: 20px 30px; + padding: 20px 30px; } #directorist.atbd_wrapper .modal-header .modal-title { - font-size: 25px; - font-weight: 500; - color: #151826; + font-size: 25px; + font-weight: 500; + color: #151826; } #directorist.atbd_wrapper .at-modal-close { - background-color: #5a5f7d; - color: #fff; - font-size: 25px; + background-color: #5a5f7d; + color: #fff; + font-size: 25px; } #directorist.atbd_wrapper .at-modal-close span { - position: relative; - top: -2px; + position: relative; + top: -2px; } #directorist.atbd_wrapper .at-modal-close:hover { - color: #fff; + color: #fff; } #directorist.atbd_wrapper .modal-body { - padding: 25px 40px 30px; + padding: 25px 40px 30px; } #directorist.atbd_wrapper .modal-body .update-list { - margin-bottom: 25px; + margin-bottom: 25px; } #directorist.atbd_wrapper .modal-body .update-list:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list .update-badge { - line-height: 23px; - border-radius: 3px; - background-color: #000; - color: #fff; - font-size: 11px; - font-weight: 600; - padding: 0 7px; - display: inline-block; - margin-bottom: 15px; + line-height: 23px; + border-radius: 3px; + background-color: #000; + color: #fff; + font-size: 11px; + font-weight: 600; + padding: 0 7px; + display: inline-block; + margin-bottom: 15px; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--new { - background-color: #00bb45; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--new { + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--fixed { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--fixed { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--improved { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--improved { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--removed { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--removed { + background-color: #d72323; } #directorist.atbd_wrapper .modal-body .update-list ul, #directorist.atbd_wrapper .modal-body .update-list ul li { - margin: 0; + margin: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li { - margin-bottom: 12px; - font-size: 16px; - color: #5c637e; - padding-right: 20px; - position: relative; + margin-bottom: 12px; + font-size: 16px; + color: #5c637e; + padding-right: 20px; + position: relative; } #directorist.atbd_wrapper .modal-body .update-list ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li:before { - position: absolute; - content: ""; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #000; - right: 0; - top: 5px; + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #000; + right: 0; + top: 5px; } #directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - background-color: #00bb45; + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--fixed li:before { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--fixed + li:before { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--improved li:before { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--improved + li:before { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--removed li:before { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--removed + li:before { + background-color: #d72323; } #directorist.atbd_wrapper .modal-footer button { - background-color: #3e62f5; - border-color: #3e62f5; + background-color: #3e62f5; + border-color: #3e62f5; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Default WP Theme overwrite */ body.wp-admin { - background-color: #f3f4f6; - font-family: "Inter", sans-serif; + background-color: #f3f4f6; + font-family: "Inter", sans-serif; } .directorist_builder-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - margin-right: -24px; - margin-top: -10px; - background-color: #fff; - padding: 0 24px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + margin-right: -24px; + margin-top: -10px; + background-color: #fff; + padding: 0 24px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 575px) { - .directorist_builder-header { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 20px 0; - } + .directorist_builder-header { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 20px 0; + } } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-header__left { - margin-bottom: 15px; - } + .directorist_builder-header .directorist_builder-header__left { + margin-bottom: 15px; + } } .directorist_builder-header .directorist_logo { - max-width: 108px; - max-height: 32px; + max-width: 108px; + max-height: 32px; } .directorist_builder-header .directorist_logo img { - width: 100%; - max-height: inherit; + width: 100%; + max-height: inherit; } .directorist_builder-header .directorist_builder-links { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 18px; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 18px; } .directorist_builder-header .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; + display: inline-block; + margin-bottom: 0; } .directorist_builder-header .directorist_builder-links a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 2px 5px; - padding: 17px 0; - text-decoration: none; - font-size: 13px; - color: #4d5761; - font-weight: 500; - line-height: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 2px 5px; + padding: 17px 0; + text-decoration: none; + font-size: 13px; + color: #4d5761; + font-weight: 500; + line-height: 14px; } .directorist_builder-header .directorist_builder-links a .svg-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #747c89; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #747c89; } .directorist_builder-header .directorist_builder-links a:hover { - color: #3e62f5; + color: #3e62f5; } .directorist_builder-header .directorist_builder-links a:hover .svg-icon { - color: inherit; + color: inherit; } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-links a { - padding: 6px 0; - } + .directorist_builder-header .directorist_builder-links a { + padding: 6px 0; + } } .directorist_builder-header .directorist_builder-links a i { - font-size: 16px; + font-size: 16px; } .directorist_builder-body { - margin-top: 20px; + margin-top: 20px; } .directorist_builder-body .directorist_builder__title { - font-size: 26px; - line-height: 34px; - font-weight: 600; - margin: 0; - color: #2c3239; + font-size: 26px; + line-height: 34px; + font-weight: 600; + margin: 0; + color: #2c3239; } .directorist_builder-body .directorist_builder__title .directorist_count { - color: #747c89; - font-weight: 500; - margin-right: 5px; + color: #747c89; + font-weight: 500; + margin-right: 5px; } .tabContentActive, .pstContentActive, .pstContentActive2, .pstContentActive3 { - display: block !important; - -webkit-animation: showTab 0.6s ease; - animation: showTab 0.6s ease; + display: block !important; + -webkit-animation: showTab 0.6s ease; + animation: showTab 0.6s ease; } .atbd_tab_inner, .pst_tab_inner, .pst_tab_inner-2, .pst_tab_inner-3 { - display: none; + display: none; } /* Directorist Membership Notice */ .atbdp-settings-manager .directorist_membership-notice { - margin-bottom: 0; + margin-bottom: 0; } .directorist_membership-notice { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #5441b9; - background: linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5441b9', endColorstr='#b541d8', GradientType=1); - padding: 20px; - border-radius: 14px; - margin-bottom: 30px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #5441b9; + background: linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5441b9", endColorstr="#b541d8", GradientType=1); + padding: 20px; + border-radius: 14px; + margin-bottom: 30px; } @media only screen and (max-width: 767px) { - .directorist_membership-notice { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .directorist_membership-notice { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } } .directorist_membership-notice .directorist_membership-notice__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice .directorist_membership-notice__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - } + .directorist_membership-notice .directorist_membership-notice__content { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } } @media only screen and (max-width: 767px) { - .directorist_membership-notice .directorist_membership-notice__content { - margin-bottom: 30px; - } + .directorist_membership-notice .directorist_membership-notice__content { + margin-bottom: 30px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - } + .directorist_membership-notice .directorist_membership-notice__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + } } .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 140px; - height: 140px; - border-radius: 14px; - margin-left: 30px; + max-width: 140px; + height: 140px; + border-radius: 14px; + margin-left: 30px; } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 130px; - height: 130px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + max-width: 130px; + height: 130px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-left: 0; - margin-bottom: 24px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin-left: 0; + margin-bottom: 24px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin: 0 0 0 20px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin: 0 0 0 20px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-left: 0; - margin-bottom: 24px; - margin: 0 auto 24px auto; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text { - color: #fff; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 24px; - font-weight: bold; - margin: 4px 0 8px; + .directorist_membership-notice .directorist_membership-notice__content img { + margin-left: 0; + margin-bottom: 24px; + margin: 0 auto 24px auto; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text { + color: #fff; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 24px; + font-weight: bold; + margin: 4px 0 8px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - margin: 0 0 8px; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text p { - font-size: 16px; - font-weight: 500; - max-width: 350px; - margin-bottom: 12px; - color: rgba(255, 255, 255, 0.5647058824); -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 20px; - font-weight: bold; - min-height: 47px; - line-height: 1.95; - padding: 0 15px; - border-radius: 6px; - color: #000000; - -webkit-transition: 0.3s; - transition: 0.3s; - background-color: #3af4c2; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge:hover { - background-color: #64d8b9; + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + margin: 0 0 8px; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + p { + font-size: 16px; + font-weight: 500; + max-width: 350px; + margin-bottom: 12px; + color: rgba(255, 255, 255, 0.5647058824); +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 20px; + font-weight: bold; + min-height: 47px; + line-height: 1.95; + padding: 0 15px; + border-radius: 6px; + color: #000000; + -webkit-transition: 0.3s; + transition: 0.3s; + background-color: #3af4c2; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge:hover { + background-color: #64d8b9; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 18px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 18px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 16px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 16px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 14px; - min-height: 35px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 14px; + min-height: 35px; + } } .directorist_membership-notice__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - max-width: 450px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 450px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list { - max-width: 410px; - } + .directorist_membership-notice__list { + max-width: 410px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__list { - max-width: 380px; - } + .directorist_membership-notice__list { + max-width: 380px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list { - max-width: 250px; - } + .directorist_membership-notice__list { + max-width: 250px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice__list { - display: none; - } + .directorist_membership-notice__list { + display: none; + } } .directorist_membership-notice__list li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 1; - width: 50%; - font-size: 16px; - font-weight: 500; - color: #fff; - margin: 8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 1; + width: 50%; + font-size: 16px; + font-weight: 500; + color: #fff; + margin: 8px 0; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list li { - font-size: 15px; - } + .directorist_membership-notice__list li { + font-size: 15px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li { - width: 100%; - } -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - border-radius: 50%; - background-color: #f8d633; - margin-left: 12px; -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - position: relative; - top: 1px; - font-size: 11px; - color: #000; + .directorist_membership-notice__list li { + width: 100%; + } +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #f8d633; + margin-left: 12px; +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + position: relative; + top: 1px; + font-size: 11px; + color: #000; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - top: 0; - } + .directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + top: 0; + } } .directorist_membership-notice__action { - margin-left: 25px; + margin-left: 25px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action { - margin-left: 0; - } + .directorist_membership-notice__action { + margin-left: 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice__action { - width: 100%; - text-align: center; - } + .directorist_membership-notice__action { + width: 100%; + text-align: center; + } } .directorist_membership-notice__action .directorist_membership-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 18px; - font-weight: bold; - color: #000; - min-height: 52px; - border-radius: 8px; - padding: 0 34.45px; - background-color: #f8d633; - -webkit-transition: 0.3s; - transition: 0.3s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 18px; + font-weight: bold; + color: #000; + min-height: 52px; + border-radius: 8px; + padding: 0 34.45px; + background-color: #f8d633; + -webkit-transition: 0.3s; + transition: 0.3s; } .directorist_membership-notice__action .directorist_membership-btn:hover { - background-color: #edc400; + background-color: #edc400; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 15px; - padding: 0 15.45px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 15px; + padding: 0 15.45px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 14px; - min-width: 115px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 14px; + min-width: 115px; + } } .directorist_membership-notice-close { - position: absolute; - left: 20px; - top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; + position: absolute; + left: 20px; + top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + border-radius: 50%; + background-color: #fff; + -webkit-transition: 0.3s; + transition: 0.3s; } .directorist_membership-notice-close:hover { - background-color: #EF0000; + background-color: #ef0000; } .directorist_membership-notice-close:hover i { - color: #fff; + color: #fff; } .directorist_membership-notice-close i { - color: #b541d8; + color: #b541d8; } .directorist_builder__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist_builder__content .directorist_btn.directorist_btn-success { - background-color: #08bf9c; + background-color: #08bf9c; } .directorist_builder__content .directorist_builder__content__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 20px; } .directorist_builder__content .directorist_builder__content__right { - width: 100%; -} -.directorist_builder__content .directorist_builder__content__right .directorist-total-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 32px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block-wrapper { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 16px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 16px; - height: 40px; - border: none; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_new-directory { - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary:hover { - background-color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline { - background-color: #ffffff; - color: #3e62f5; - -webkit-box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); - box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline:hover { - color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon i { - font-size: 16px; - font-weight: 900; - color: #fff; -} -.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; + width: 100%; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist-total-types { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 32px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block-wrapper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 16px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: none; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_new-directory { + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary-outline { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); + box-shadow: 0 1px 0 0 rgba(27, 31, 35, 0.1); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block.directorist_link-block-primary-outline:hover { + color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-icon + i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text { - font-size: 15px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_btn-migrate { - margin-top: 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_btn-import .directorist_link-icon { - border: 0 none; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table { - width: 100%; - text-align: right; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - border: 1px solid #e5e7eb; - border-radius: 12px; - white-space: nowrap; + .directorist_builder__content + .directorist_builder__content__right + .directorist_link-block + .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_btn-import + .directorist_link-icon { + border: 0 none; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table { + width: 100%; + text-align: right; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + border: 1px solid #e5e7eb; + border-radius: 12px; + white-space: nowrap; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table { - display: inline-grid; - overflow-x: auto; - overflow-y: hidden; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header { - background: #f9fafb; - border-bottom: 1px solid #e5e7eb; - border-radius: 12px 12px 0 0; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.42px; - text-transform: uppercase; - color: #141921; - max-height: 56px; - min-height: 56px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 50px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div:not(:first-child) { - text-align: center; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div:last-child { - text-align: left; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - opacity: 0; - visibility: hidden; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 16px; - padding: 24px; - background: #fff; - border-top: none; - border-radius: 0 0 12px 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 72px; - max-height: 72px; - font-size: 16px; - font-weight: 500; - line-height: 18px; - color: #4d5761; - background: white; - border-radius: 12px; - border: 1px solid #e5e7eb; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 8px; - height: 100%; - background: #e5e7eb; - border-radius: 0 12px 12px 0; - z-index: 1; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover:before { - background: #113997; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div:not(:first-child) { - text-align: center; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div:last-child { - text-align: left; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag { - height: 72px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: unset !important; - -webkit-flex: unset !important; - -ms-flex: unset !important; - flex: unset !important; - padding: 0 12px 0 6px !important; - border-radius: 0 12px 12px 0; - cursor: -webkit-grabbing; - cursor: grabbing; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:before { - display: none; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:after { - bottom: -3px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:hover { - background: #f3f4f6; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title { - color: #141921; - font-weight: 600; - padding-right: 17px !important; - margin-right: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a { - color: inherit; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover { - color: #113997; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #113997; - background: #d7e4ff; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - border-radius: 4px; - padding: 0 8px; - margin: 0; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id { - color: rgba(0, 8, 51, 0.6509803922); - font-size: 14px; - font-weight: 500; - line-height: 16px; - margin-top: 4px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count { - color: #1974a8; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - border-radius: 4px; - background: transparent; - color: #3e63dd; - font-size: 12px; - font-weight: 600; - line-height: 16px; - height: 32px; - border: 1px solid rgba(0, 13, 77, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg { - width: 16px; - height: 16px; - color: #3e63dd; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg path { - fill: #3e63dd; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover { - border-color: #113997; - color: #113997; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover svg { - color: #113997; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover svg path { - fill: #113997; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - border: 1px solid rgba(0, 13, 77, 0.2); - border-radius: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - width: 14px; - height: 14px; - color: #3e63dd; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active { - border-color: #3e63dd !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option { - left: 0; - top: 35px; - border-radius: 8px; - border: 1px solid #f3f4f6; - -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - min-width: 208px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 9px 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover { - background-color: rgba(62, 98, 245, 0.05) !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - margin-bottom: 0 !important; - width: 100%; - margin: 0 !important; - padding: 0 8px !important; - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 16.24px !important; - gap: 12px; - color: #4d5761 !important; - height: 42px; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table { + display: inline-grid; + overflow-x: auto; + overflow-y: hidden; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header { + background: #f9fafb; + border-bottom: 1px solid #e5e7eb; + border-radius: 12px 12px 0 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.42px; + text-transform: uppercase; + color: #141921; + max-height: 56px; + min-height: 56px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 50px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div:not(:first-child) { + text-align: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div:last-child { + text-align: left; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + .directorist_listing-c-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 16px; + padding: 24px; + background: #fff; + border-top: none; + border-radius: 0 0 12px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 16px; + font-weight: 500; + line-height: 18px; + color: #4d5761; + background: white; + border-radius: 12px; + border: 1px solid #e5e7eb; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:before { + content: ""; + position: absolute; + top: 0; + right: 0; + width: 8px; + height: 100%; + background: #e5e7eb; + border-radius: 0 12px 12px 0; + z-index: 1; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover:before { + background: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div:not(:first-child) { + text-align: center; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div:last-child { + text-align: left; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag { + height: 72px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: unset !important; + -webkit-flex: unset !important; + -ms-flex: unset !important; + flex: unset !important; + padding: 0 12px 0 6px !important; + border-radius: 0 12px 12px 0; + cursor: -webkit-grabbing; + cursor: grabbing; + -webkit-transition: background 0.3s ease; + transition: background 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:before { + display: none; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:after { + bottom: -3px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_drag:hover { + background: #f3f4f6; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title { + color: #141921; + font-weight: 600; + padding-right: 17px !important; + margin-right: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a { + color: inherit; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 4px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a:hover { + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #113997; + background: #d7e4ff; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border-radius: 4px; + padding: 0 8px; + margin: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_listing-id { + color: rgba(0, 8, 51, 0.6509803922); + font-size: 14px; + font-weight: 500; + line-height: 16px; + margin-top: 4px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-count { + color: #1974a8; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + border-radius: 4px; + background: transparent; + color: #3e63dd; + font-size: 12px; + font-weight: 600; + line-height: 16px; + height: 32px; + border: 1px solid rgba(0, 13, 77, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg { + width: 16px; + height: 16px; + color: #3e63dd; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg + path { + fill: #3e63dd; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover { + border-color: #113997; + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover + svg { + color: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a:hover + svg + path { + fill: #113997; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border: 1px solid rgba(0, 13, 77, 0.2); + border-radius: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + width: 14px; + height: 14px; + color: #3e63dd; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active { + border-color: #3e63dd !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option { + left: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + -webkit-box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li:first-child:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li + > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - height: 32px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action { - color: #d94a4a !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg { - color: inherit; - width: 18px; - height: 18px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label { - padding-right: 29px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after { - border-radius: 5px; - border-color: #d1d1d7; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 2px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:before { - font-size: 8px; - right: 5px; - top: 7px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]:checked + label:after { - border-color: #3e62f5; - background-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .atbd-listing-type-active-status { - margin-right: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging.drag-clone { - border: 1px solid #c0ccfc; - -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); - box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone) { - background: #e5e7eb; - border: 1px dashed #a1a9b2; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone) * { - opacity: 0; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over { - position: relative; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 3px; - width: 100%; - background: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:after { - content: ""; - position: absolute; - top: -14px; - right: 0; - height: 10px; - width: 10px; - border-radius: 50%; - background: #3e62f5; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + height: 32px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action + svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label { + padding-right: 29px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:after { + border-radius: 5px; + border-color: #d1d1d7; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 2px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:before { + font-size: 8px; + right: 5px; + top: 7px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"]:checked + + label:after { + border-color: #3e62f5; + background-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .atbd-listing-type-active-status { + margin-right: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging.drag-clone { + border: 1px solid #c0ccfc; + -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); + box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922); +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging:not(.drag-clone) { + background: #e5e7eb; + border: 1px dashed #a1a9b2; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.dragging:not(.drag-clone) + * { + opacity: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over { + position: relative; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over:before { + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 3px; + width: 100%; + background: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body.directorist_builder__list + .directorist_builder__list__item.drag-over:after { + content: ""; + position: absolute; + top: -14px; + right: 0; + height: 10px; + width: 10px; + border-radius: 50%; + background: #3e62f5; } /* Custom Tooltip */ .directorist-row-tooltip[data-tooltip] { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after { - text-transform: none; -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::before { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::after { - right: -50px; - -webkit-transform: unset; - transform: unset; -} -.directorist-row-tooltip[data-tooltip]:before, .directorist-row-tooltip[data-tooltip]:after { - line-height: normal; - font-size: 13px; - pointer-events: none; - position: absolute; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: none; - opacity: 0; + text-transform: none; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::before { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::after { + right: -50px; + -webkit-transform: unset; + transform: unset; +} +.directorist-row-tooltip[data-tooltip]:before, +.directorist-row-tooltip[data-tooltip]:after { + line-height: normal; + font-size: 13px; + pointer-events: none; + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; + opacity: 0; } .directorist-row-tooltip[data-tooltip]:before { - content: ""; - z-index: 100; - top: 100%; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 5px solid transparent; - border-bottom: 5px solid #141921; + content: ""; + z-index: 100; + top: 100%; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border: 5px solid transparent; + border-bottom: 5px solid #141921; } .directorist-row-tooltip[data-tooltip]:after { - content: attr(data-tooltip); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border-radius: 6px; - background: #141921; - color: #ffffff; - z-index: 99; - padding: 10px 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: normal; - right: 50%; - top: calc(100% + 10px); - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - bottom: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - right: 50%; - -webkit-transform: translate(50%, -4px); - transform: translate(50%, -4px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - top: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - right: 50%; - -webkit-transform: translate(50%, 6px); - transform: translate(50%, 6px); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::after { - top: 50%; - left: calc(100% + 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::after { - top: 50%; - right: calc(100% + 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { - display: none !important; + content: attr(data-tooltip); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: normal; + right: 50%; + top: calc(100% + 10px); + -webkit-transform: translateX(50%); + transform: translateX(50%); +} +.directorist-row-tooltip[data-tooltip]:hover:before, +.directorist-row-tooltip[data-tooltip]:hover:after { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + right: 50%; + -webkit-transform: translate(50%, -4px); + transform: translate(50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + right: 50%; + -webkit-transform: translate(50%, 6px); + transform: translate(50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { + top: 50%; + left: calc(100% + 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { + top: 50%; + right: calc(100% + 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; } .directorist_listing-slug-text { - min-width: 120px; - display: inline-block; - max-width: 120px; - overflow: hidden; - white-space: nowrap; - padding: 5px 0; - border-bottom: 1px solid transparent; - margin-left: 10px; - text-transform: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_listing-slug-text:hover, .directorist_listing-slug-text--editable { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 6px; - background: #f3f4f6; -} -.directorist_listing-slug-text:hover:focus, .directorist_listing-slug-text--editable:focus { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: var(--spacing-md, 8px); - gap: var(--spacing-md, 8px); - border-radius: var(--radius-sm, 6px); - background: var(--Gray-100, #f3f4f6); - outline: 0; + min-width: 120px; + display: inline-block; + max-width: 120px; + overflow: hidden; + white-space: nowrap; + padding: 5px 0; + border-bottom: 1px solid transparent; + margin-left: 10px; + text-transform: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_listing-slug-text:hover, +.directorist_listing-slug-text--editable { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 6px; + background: #f3f4f6; +} +.directorist_listing-slug-text:hover:focus, +.directorist_listing-slug-text--editable:focus { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: var(--spacing-md, 8px); + gap: var(--spacing-md, 8px); + border-radius: var(--radius-sm, 6px); + background: var(--Gray-100, #f3f4f6); + outline: 0; } @media only screen and (max-width: 1499px) { - .directorist_listing-slug-text { - min-width: 110px; - } + .directorist_listing-slug-text { + min-width: 110px; + } } @media only screen and (max-width: 1299px) { - .directorist_listing-slug-text { - min-width: 90px; - } + .directorist_listing-slug-text { + min-width: 90px; + } } .directorist-type-slug .directorist-slug-notice, .directorist-type-slug .directorist-count-notice { - margin: 6px 0 0; - text-transform: math-auto; + margin: 6px 0 0; + text-transform: math-auto; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error, .directorist-type-slug .directorist-count-notice.directorist-slug-notice-error { - color: #EF0000; + color: #ef0000; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success, -.directorist-type-slug .directorist-count-notice.directorist-slug-notice-success { - color: #00AC17; +.directorist-type-slug + .directorist-count-notice.directorist-slug-notice-success { + color: #00ac17; } .directorist-type-slug-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-listing-slug-edit-wrap { - display: inline-block; - position: relative; - margin: -3px; - min-width: 75px; + display: inline-block; + position: relative; + margin: -3px; + min-width: 75px; } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap { - position: initial; - } + .directorist-listing-slug-edit-wrap { + position: initial; + } } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + background-color: #fff; + -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + margin: 2px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f044"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; - font-size: 15px; - color: #2C99FF; +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f044"; + font-family: "Font Awesome 5 Free"; + font-weight: 400; + font-size: 15px; + color: #2c99ff; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 26px; - height: 26px; - margin-right: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 26px; + height: 26px; + margin-right: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 22px; - height: 22px; - margin-right: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 22px; + height: 22px; + margin-right: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - background-color: #08bf9c; - -webkit-box-shadow: none; - box-shadow: none; - display: none; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.active { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.disabled { - opacity: 0.5; - pointer-events: none; + background-color: #08bf9c; + -webkit-box-shadow: none; + box-shadow: none; + display: none; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.active { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.disabled { + opacity: 0.5; + pointer-events: none; } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: #ff006e; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - content: "\f00d"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 15px; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove--hidden { - opacity: 0; - visibility: hidden; - pointer-events: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + margin: 2px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: #ff006e; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + content: "\f00d"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-size: 15px; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove--hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 26px; - height: 26px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 26px; + height: 26px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 22px; - height: 22px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 22px; + height: 22px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_loader { - position: absolute; - left: -40px; - top: 5px; + position: absolute; + left: -40px; + top: 5px; } .directorist_custom-checkbox input { - display: none; -} -.directorist_custom-checkbox input[type=checkbox] + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: #5a5f7d; -} -.directorist_custom-checkbox input[type=checkbox] + label:before { - position: absolute; - font-size: 10px; - right: 6px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.directorist_custom-checkbox input[type=checkbox] + label:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 50%; - content: ""; - background-color: #fff; - border: 2px solid #c6d0dc; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:after { - background-color: #00b158; - border-color: #00b158; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + display: none; +} +.directorist_custom-checkbox input[type="checkbox"] + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: #5a5f7d; +} +.directorist_custom-checkbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 10px; + right: 6px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.directorist_custom-checkbox input[type="checkbox"] + label:after { + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 50%; + content: ""; + background-color: #fff; + border: 2px solid #c6d0dc; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:after { + background-color: #00b158; + border-color: #00b158; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } .directorist_builder__content .directorist_badge { - display: inline-block; - padding: 4px 6px; - font-size: 75%; - font-weight: 700; - line-height: 1.5; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 4px; - margin-right: 6px; - border: 0 none; + display: inline-block; + padding: 4px 6px; + font-size: 75%; + font-weight: 700; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 4px; + margin-right: 6px; + border: 0 none; } .directorist_builder__content .directorist_badge.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } .cptm-delete-directory-modal .cptm-modal-header { - padding-right: 20px; + padding-right: 20px; } .cptm-delete-directory-modal .cptm-btn { - text-decoration: none; - display: inline-block; - text-align: center; - border: 1px solid; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - vertical-align: top; + text-decoration: none; + display: inline-block; + text-align: center; + border: 1px solid; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + vertical-align: top; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; + color: #ff272a; + border-color: #ff272a; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover { - color: #fff; - background-color: #ff272a; + color: #fff; + background-color: #ff272a; } .directorist_dropdown { - border: 1px solid #d2d6db; - border-radius: 8px; - position: relative; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border: 1px solid #d2d6db; + border-radius: 8px; + position: relative; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .directorist_dropdown.--open { - border-color: #4d5761; + border-color: #4d5761; } .directorist_dropdown.--open .directorist_dropdown-toggle:before { - content: "\eb56"; + content: "\eb56"; } .directorist_dropdown .directorist_dropdown-toggle { - text-decoration: none; - color: #7a82a6; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 10px 15px; - width: auto !important; - height: 100%; - position: relative; + text-decoration: none; + color: #7a82a6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 10px 15px; + width: auto !important; + height: 100%; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle:before { - content: "\f347"; - font: normal 12px/1 dashicons; + content: "\f347"; + font: normal 12px/1 dashicons; } -.directorist_dropdown .directorist_dropdown-toggle .directorist_dropdown-toggle__text { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; +.directorist_dropdown + .directorist_dropdown-toggle + .directorist_dropdown-toggle__text { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - right: 0; - top: 44px; - padding: 15px; - background-color: #fff; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - border-radius: 5px; - z-index: 99999; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: none; + position: absolute; + width: 100%; + right: 0; + top: 44px; + padding: 15px; + background-color: #fff; + -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + border-radius: 5px; + z-index: 99999; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 10px; - border-radius: 4px; - color: #5a5f7d; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 10px; + border-radius: 4px; + color: #5a5f7d; } .directorist_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; + padding: 0 20px; + height: 38px; + border: 1px solid #c6d0dc; } .directorist_loader { - position: relative; + position: relative; } .directorist_loader:before { - position: absolute; - content: ""; - left: 10px; - top: 31%; - border: 2px solid #dddddd; - border-radius: 50%; - border-top: 2px solid #272b41; - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - /* Safari */ - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 10px; + top: 31%; + border: 2px solid #dddddd; + border-radius: 50%; + border-top: 2px solid #272b41; + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + /* Safari */ + animation: atbd_spin 2s linear infinite; } .directorist_disable { - pointer-events: none; + pointer-events: none; } #publishing-action.directorist_disable input#publish { - cursor: not-allowed; - opacity: 0.3; + cursor: not-allowed; + opacity: 0.3; } .directorist_more-dropdown { - position: relative; + position: relative; } .directorist_more-dropdown .directorist_more-dropdown-toggle { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 40px; - width: 40px; - border-radius: 50% !important; - background-color: #fff !important; - padding: 0 !important; - color: #868eae !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 40px; + width: 40px; + border-radius: 50% !important; + background-color: #fff !important; + padding: 0 !important; + color: #868eae !important; } .directorist_more-dropdown .directorist_more-dropdown-toggle:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-toggle i, .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - margin-left: 0 !important; + margin-left: 0 !important; } .directorist_more-dropdown .directorist_more-dropdown-option { - position: absolute; - min-width: 180px; - left: 20px; - top: 40px; - opacity: 0; - visibility: hidden; - background-color: #fff; - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - border-radius: 6px; + position: absolute; + min-width: 180px; + left: 20px; + top: 40px; + opacity: 0; + visibility: hidden; + background-color: #fff; + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + border-radius: 6px; } .directorist_more-dropdown .directorist_more-dropdown-option.active { - opacity: 1; - visibility: visible; - z-index: 22; + opacity: 1; + visibility: visible; + z-index: 22; } .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 12px 0; + margin: 12px 0; } -.directorist_more-dropdown .directorist_more-dropdown-option ul li:not(:last-child) { - margin-bottom: 8px; +.directorist_more-dropdown + .directorist_more-dropdown-option + ul + li:not(:last-child) { + margin-bottom: 8px; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px !important; - width: 100%; - padding: 0 16px !important; - margin: 0 !important; - line-height: 1.75 !important; - color: #5a5f7d !important; - background-color: #fff !important; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px !important; + width: 100%; + padding: 0 16px !important; + margin: 0 !important; + line-height: 1.75 !important; + color: #5a5f7d !important; + background-color: #fff !important; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a i { - font-size: 16px; - margin-left: 15px !important; - color: #c6d0dc; + font-size: 16px; + margin-left: 15px !important; + color: #c6d0dc; } .directorist_more-dropdown.default .directorist_more-dropdown-toggle { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px !important; - top: 5px !important; + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px !important; + top: 5px !important; } .directorist-form-group.directorist-faq-group { - margin-bottom: 30px; + margin-bottom: 30px; } .directory_types-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; } .directory_types-wrapper .directory_type-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 8px; } .directory_types-wrapper .directory_type-group label { - padding: 0 2px 0 0; + padding: 0 2px 0 0; } .directory_types-wrapper .directory_type-group input { - position: relative; - top: 2px; + position: relative; + top: 2px; } .csv-action-btns { - padding-right: 15px; + padding-right: 15px; } #atbdp_ie_download_sample { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } #atbdp_ie_download_sample:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } div#gmap { - height: 400px; + height: 400px; } .cor-wrap, .lat_btn_wrap { - margin-top: 15px; + margin-top: 15px; } img.atbdp-file-info { - max-width: 200px; + max-width: 200px; } /* admin notice */ .directorist__notice_new { - font-size: 13px; - font-weight: 500; - margin-bottom: 2px !important; + font-size: 13px; + font-weight: 500; + margin-bottom: 2px !important; } .directorist__notice_new span { - display: block; - font-weight: 600; - font-size: 14px; + display: block; + font-weight: 600; + font-size: 14px; } .directorist__notice_new a { - color: #3e62f5; - font-weight: 700; + color: #3e62f5; + font-weight: 700; } .directorist__notice_new + p { - margin-top: 0px !important; + margin-top: 0px !important; } .directorist__notice_new_action a { - color: #3e62f5; - font-weight: 700; - color: red; + color: #3e62f5; + font-weight: 700; + color: red; } .directorist__notice_new_action .directorist__notice_new__btn { - display: inline-block; - text-align: center; - border: 1px solid #3e62f5; - padding: 8px 17px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-weight: 500; - font-size: 15px; - color: #fff; - background-color: #3e62f5; - margin-left: 10px; + display: inline-block; + text-align: center; + border: 1px solid #3e62f5; + padding: 8px 17px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-weight: 500; + font-size: 15px; + color: #fff; + background-color: #3e62f5; + margin-left: 10px; } .directorist__notice_new_action .directorist__notice_new__btn:hover { - color: #fff; + color: #fff; } .add_listing_form_wrapper#gallery_upload { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; } .add_listing_form_wrapper#gallery_upload .listing-prv-img-container { - text-align: center; + text-align: center; } .directorist_select .select2.select2-container .select2-selection--single { - border: 1px solid #8c8f94; - min-height: 40px; + border: 1px solid #8c8f94; + min-height: 40px; } -.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered { - height: auto; - line-height: 38px; - padding: 0 15px; +.directorist_select + .select2.select2-container + .select2-selection--single + .select2-selection__rendered { + height: auto; + line-height: 38px; + padding: 0 15px; } .directorist_select .select2.select2-container .select2-results__option i, -.directorist_select .select2.select2-container .select2-results__option span.las, -.directorist_select .select2.select2-container .select2-results__option span.lab, +.directorist_select + .select2.select2-container + .select2-results__option + span.las, +.directorist_select + .select2.select2-container + .select2-results__option + span.lab, .directorist_select .select2.select2-container .select2-results__option span.la, -.directorist_select .select2.select2-container .select2-results__option span.fas, -.directorist_select .select2.select2-container .select2-results__option span.fab, -.directorist_select .select2.select2-container .select2-results__option span.far, -.directorist_select .select2.select2-container .select2-results__option span.fa { - font-size: 16px; -} - -#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn { - display: none; +.directorist_select + .select2.select2-container + .select2-results__option + span.fas, +.directorist_select + .select2.select2-container + .select2-results__option + span.fab, +.directorist_select + .select2.select2-container + .select2-results__option + span.far, +.directorist_select + .select2.select2-container + .select2-results__option + span.fa { + font-size: 16px; +} + +#style_settings__color_settings + .cptm-field-wraper-type-wp-media-picker + input[type="button"].cptm-btn { + display: none; } .cptm-create-directory-modal .cptm-modal { - width: 100%; - max-width: 680px; - padding: 40px 36px; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 680px; + padding: 40px 36px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-create-directory-modal .cptm-create-directory-modal__header { - padding: 0; - margin: 0; - border: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - top: -28px; - left: -24px; - margin: 0; - padding: 0; - height: 32px; - width: 32px; - border-radius: 50%; - border: none; - color: #3c3c3c; - background-color: transparent; - cursor: pointer; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link svg path { - -webkit-transition: fill ease 0.3s; - transition: fill ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link:hover svg path { - fill: #9746ff; + padding: 0; + margin: 0; + border: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + top: -28px; + left: -24px; + margin: 0; + padding: 0; + height: 32px; + width: 32px; + border-radius: 50%; + border: none; + color: #3c3c3c; + background-color: transparent; + cursor: pointer; + -webkit-transition: background-color 0.3s; + transition: background-color 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link + svg + path { + -webkit-transition: fill ease 0.3s; + transition: fill ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link:hover + svg + path { + fill: #9746ff; } .cptm-create-directory-modal .cptm-create-directory-modal__body { - padding-top: 36px; + padding-top: 36px; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice { - margin-top: 10px; - color: #f80718; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice { + margin-top: 10px; + color: #f80718; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success { - color: #28a800; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice.cptm-section-alert-success { + color: #28a800; } .cptm-create-directory-modal .cptm-create-directory-modal__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - color: #141921; - text-align: center; + font-size: 20px; + line-height: 28px; + font-weight: 600; + color: #141921; + text-align: center; } .cptm-create-directory-modal .cptm-create-directory-modal__desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #4d5761; - text-align: center; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #4d5761; + text-align: center; + margin: 0; } .cptm-create-directory-modal .cptm-create-directory-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 32px 24px; - background-color: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:hover, .cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:focus { - background-color: #f0f3ff; - border-color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single.disabled { - opacity: 0.5; - pointer-events: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - height: 40px; - width: 40px; - min-height: 40px; - min-width: 40px; - border-radius: 50%; - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-template { - background-color: #ff5c16; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-scratch { - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-ai { - background-color: #9746ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-text { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #4d5761; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge { - position: absolute; - top: 8px; - left: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 24px; - padding: 4px 8px; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge.modal-badge--new { - color: #3e62f5; - background-color: #c0ccfc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 32px 24px; + background-color: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:hover, +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:focus { + background-color: #f0f3ff; + border-color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single.disabled { + opacity: 0.5; + pointer-events: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + height: 40px; + width: 40px; + min-height: 40px; + min-width: 40px; + border-radius: 50%; + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-template { + background-color: #ff5c16; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-scratch { + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-ai { + background-color: #9746ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-text { + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #4d5761; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge { + position: absolute; + top: 8px; + left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 24px; + padding: 4px 8px; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge.modal-badge--new { + color: #3e62f5; + background-color: #c0ccfc; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + -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; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); -} -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .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-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-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-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + display: table; + width: 100%; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-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-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-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -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; + -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; + -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; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + -webkit-transition-delay: 0; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + -webkit-box-sizing: content-box; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -8145,622 +9340,899 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -8768,11 +10240,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -8781,1004 +10253,1139 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); - mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -9786,800 +11393,845 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); - mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - opacity: 1; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -10593,48 +12245,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::-moz-selection { - background: transparent; + background: transparent; } .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -10645,229 +12297,231 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -10876,35645 +12530,39416 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* For sortable field */ .ui-sortable tr:hover { - cursor: move; + cursor: move; } .ui-sortable tr.alternate { - background-color: #F9F9F9; + background-color: #f9f9f9; } .ui-sortable tr.ui-sortable-helper { - background-color: #F9F9F9; - border-top: 1px solid #DFDFDF; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-flex-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-flex-space-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-flex-grow-1 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); - mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; -} - -.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-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-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-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + width: 13px; + height: 13px; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-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-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-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 0; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 0; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - position: relative; - width: calc(100% + 20px); - top: -10px; - right: -10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + right: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-top { - padding: 10px 30px; - } + .directorist-directory-type-top { + padding: 10px 30px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 24px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-type-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 15px; - font-weight: 600; - color: #141921; - line-height: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; } .directorist-type-name span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-type-name-editable span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable span:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-bottom { - position: fixed; - bottom: 0; - left: 20px; - width: calc(100% - 204px); - height: calc(100% - 115px); - overflow-y: auto; - z-index: 1; - background: white; - margin-top: 67px; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + position: fixed; + bottom: 0; + left: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom { - position: unset; - width: 100%; - height: auto; - overflow-y: visible; - margin-top: 20px; - } - .directorist-directory-type-bottom .atbdp-cptm-body { - margin: 0 20px 20px !important; - } + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 113px; - width: calc(100% - 202px); - background: #ffffff; - border: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - border-radius: 8px 8px 0 0; - overflow-x: auto; - z-index: 100; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: fixed; + left: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 1024px) { - .directorist-directory-type-bottom .cptm-header-navigation { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: 100%; - border: none; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 72px; + position: relative; + margin-top: 72px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 40px); - } + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } } .wp-admin.folded .directorist-directory-type-bottom { - width: calc(100% - 80px); + width: calc(100% - 80px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: 100%; - border-width: 0 0 1px 0; - } + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-bottom: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; } .directorist-form-action__modal-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; } .directorist-form-action__modal-btn svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__modal-btn:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-action__view { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-action__view svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__view:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__view:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 14px 20px; - border-radius: 4px; - margin: 16px 0 0; - text-align: center; - font-size: 14px; - font-weight: 500; - color: #747c89; - background-color: #f9fafb; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-field-drop-area:first-child { - margin-top: 0; + margin-top: 0; } .cptm-form-builder-group-field-drop-area.drag-enter { - color: #3e62f5; - background-color: #d8e0fd; - border-color: #3e62f5; + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -webkit-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - color: #4d5761; - font-weight: 500; - padding: 24px 0; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; } @media only screen and (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 16px 0; - } + .cptm-header-nav__list-item-link { + padding: 16px 0; + } } .cptm-header-nav__list-item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: calc(100% + 55px); - height: 3px; - background-color: transparent; - border-radius: 2px 2px 0 0; + content: ""; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; } .cptm-header-nav__list-item-link .cptm-header-nav__icon { - font-size: 24px; + font-size: 24px; } .cptm-header-nav__list-item-link.active { - font-weight: 600; + font-weight: 600; } .cptm-header-nav__list-item-link.active:before { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon, .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-header-nav__label { - display: block; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - width: 100%; - display: block; - background-color: #fff; + width: 100%; + display: block; + background-color: #fff; } .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 92px; + margin-top: 92px; } @media only screen and (max-width: 782px) { - .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 20px; - } + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } } .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { - width: auto; - max-width: 658px; - margin: 0 auto; - gap: 16px; - padding: 0; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - background: #f9fafb; - border-bottom: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link { - height: 47px; - padding: 0 8px; - border: none; - border-radius: 0; - position: relative; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - height: 3px; - background: transparent; - border-radius: 2px 2px 0 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active { - color: #3e62f5; - background: transparent; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path { - stroke: #3e62f5; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before { - background: #3e62f5; + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - max-width: 100%; - margin: 82px auto 0; + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; } @media only screen and (max-width: 782px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-tab-content-header__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - left: 32px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 11; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + left: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; } @media only screen and (max-width: 991px) { - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 25px; - } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 25px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 70px; - margin-top: 20px; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - top: 0; - -webkit-transform: unset; - transform: unset; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin-top: 0; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 600px; + max-width: 600px; } .cptm-tab-content.tab-full-width { - max-width: 100%; + max-width: 100%; } .cptm-tab-content.cptm-tab-content-general { - top: 32px; - padding: 32px 30px 0; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin: 0 auto 70px; + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; } @media only screen and (max-width: 960px) { - .cptm-tab-content.cptm-tab-content-general { - max-width: 100%; - margin: 0 20px 52px; - } + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content.cptm-tab-content-general { - margin: 0; - } + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content.cptm-tab-content-general { - top: 0; - } + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } } .cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { - margin-bottom: 50px; + margin-bottom: 50px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - z-index: 10; + position: relative; + z-index: 10; } .cptm-section.cptm-section--disabled .cptm-builder-section { - opacity: 0.6; - pointer-events: none; + opacity: 0.6; + pointer-events: none; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 400px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.single_listing_header { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } -.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action { - position: absolute; - left: 0; - top: 0; - margin: 0; +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + left: 0; + top: 0; + margin: 0; } .cptm-section.preview_mode { - position: absolute; - left: 24px; - bottom: 18px; - width: calc(100% - 420px); - padding: 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 8px; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + position: absolute; + left: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } @media only screen and (min-width: 1441px) { - .cptm-section.preview_mode { - width: calc(65% - 49px); - } + .cptm-section.preview_mode { + width: calc(65% - 49px); + } } @media only screen and (max-width: 1024px) { - .cptm-section.preview_mode { - width: calc(100% - 49px); - } + .cptm-section.preview_mode { + width: calc(100% - 49px); + } } @media only screen and (max-width: 480px) { - .cptm-section.preview_mode { - width: 100%; - position: unset; - margin-top: 20px; - } + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } .cptm-section.preview_mode .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-section.preview_mode .directorist-footer-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 12px; - padding: 10px 16px; - background-color: #f5f6f7; - border: 1px solid #e5e7eb; - border-radius: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; } @media only screen and (max-width: 575px) { - .cptm-section.preview_mode .directorist-footer-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 32px; - font-size: 12px; - font-weight: 500; - color: #4d5761; - border-color: #e5e7eb; - background-color: #ffffff; - border-radius: 6px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { - margin: 0; -} -.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control { - height: 32px; - padding: 0 20px; - font-size: 12px; - font-weight: 500; - color: #4d5761; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - max-width: 658px; - margin: 0 auto; - padding: 24px; - margin-bottom: 32px; - border-radius: 0 0 8px 8px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - padding: 16px; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area { - max-width: 100%; - padding: 12px 20px; - margin-bottom: 16px; - background: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field { - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title { - font-size: 14px; - line-height: 19px; - font-weight: 500; - color: #141921; - margin: 0 0 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description { - font-size: 12px; - line-height: 16px; - font-weight: 400; - color: #4d5761; - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget { - max-width: unset; - padding: 0; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content { - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header { - position: relative; - height: 328px; - padding: 16px 16px 24px; - background: #e5e7eb; - border-radius: 4px 4px 0 0; - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block { - max-width: 100%; - background: #f3f4f6; - border: 1px dashed #d2d6db; - border-radius: 4px; - min-height: 72px; - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - padding: 0; - border: none; - background: transparent; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link { - position: relative; - height: unset; - padding: 8px 40px 8px 26px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before { - content: ""; - position: absolute; - top: 50%; - right: 12px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 50%; - border: 2px solid #a1a9b2; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg { - border: 1px solid #d2d6db; - border-radius: 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before { - border: 5px solid #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type { - stroke: #3e62f5; - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path { - fill: #fff; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; - stroke: unset; + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 40px 8px 26px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + right: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget { - -webkit-box-shadow: unset; - box-shadow: unset; + -webkit-box-shadow: unset; + box-shadow: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { - border-radius: 10px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-section.listings_card_list_view .cptm-card-top-area { - max-width: unset; + max-width: unset; } .cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { - border-radius: 10px; + border-radius: 10px; } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @media only screen and (max-width: 1024px) { - .cptm-form-builder { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 30px; - } - .cptm-form-builder .cptm-form-builder-sidebar { - max-width: 100%; - } + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } } .cptm-form-builder.submission_form_fields .cptm-form-builder-content { - border-bottom: 25px solid #f3f4f6; + border-bottom: 25px solid #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder.submission_form_fields { - gap: 30px; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder.single_listings_contents { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-form-builder.search_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder-sidebar { - width: 100%; - max-width: 372px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (min-width: 1441px) { - .cptm-form-builder-sidebar { - max-width: 35%; - } + .cptm-form-builder-sidebar { + max-width: 35%; + } } .cptm-form-builder-sidebar .cptm-form-builder-action { - padding-bottom: 0; + padding-bottom: 0; } @media only screen and (max-width: 480px) { - .cptm-form-builder-sidebar .cptm-form-builder-action { - padding: 20px 0; - } + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } } .cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { - padding: 12px 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-content { - height: auto; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - background: #f3f4f6; - border-right: 1px solid #e5e7eb; + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-right: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-action { - border-bottom: 1px solid #e5e7eb; + border-bottom: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-active-fields { - padding: 24px; - background: #f3f4f6; - height: 100%; - min-height: calc(100vh - 225px); + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); } @media only screen and (max-width: 1399px) { - .cptm-form-builder-content .cptm-form-builder-active-fields { - min-height: calc(100vh - 225px); - } + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } } .cptm-form-builder-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 18px 24px; - background: #ffffff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; } .cptm-form-builder-action-title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; } .cptm-form-builder-action-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 0 12px; - color: #141921; - font-size: 14px; - line-height: 16px; - font-weight: 500; - height: 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #d2d6db; - border-radius: 4px; -} - -.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, -.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { - width: 200px; - height: auto; - min-height: 34px; - white-space: unset; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin: 0 0 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 12px; - font-weight: 600; - color: #4d5761; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields.empty-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - height: calc(100vh - 200px); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container { - height: auto; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text { - font-size: 18px; - line-height: 24px; - font-weight: 500; - font-style: italic; - color: #4d5761; - margin: 12px 0 0; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer { - text-align: center; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn { - margin: 10px auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - z-index: 1; + position: relative; + margin: 0; + z-index: 1; } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #3e62f5; - background: #ffffff; - border: 0 none; - margin: 16px 0 0; - font-size: 14px; - font-weight: 600; - border-radius: 4px; - border: 1px solid #3e62f5; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 6px; - padding-bottom: 0; + position: relative; + margin-bottom: 6px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - position: relative; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-bottom: none; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon { - background-color: #d8e0fd; -} -.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper { - left: 12px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper { - position: absolute; - top: calc(100% - 12px); - left: 55px; - width: 100%; - max-width: 460px; - height: 100%; - z-index: 9; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options { - padding: 0; - border: 1px solid #e5e7eb; - border-radius: 6px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 16px; - border-bottom: 1px solid #e5e7eb; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title { - font-size: 14px; - line-height: 16px; - font-weight: 600; - color: #2c3239; - margin: 0; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close { - color: #2c3239; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span { - font-size: 20px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area { - padding: 24px; + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + left: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + left: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - background-color: #ffffff; - border: 1px solid #e5e7eb; - overflow: hidden; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; } .cptm-form-builder-group-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -div[draggable=true].cptm-form-builder-group-header-content { - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; } .cptm-form-builder-group-header-content__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-form-builder-group-header-content__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-header-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 15px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title { - font-size: 13px; - } + .cptm-form-builder-group-title { + font-size: 13px; + } } .cptm-form-builder-group-title .cptm-form-builder-group-title-label { - cursor: text; + cursor: text; } .cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { - height: 40px; - padding: 4px 6px 4px 50px; - border-radius: 2px; - border: 1px solid #3e62f5; + height: 40px; + padding: 4px 6px 4px 50px; + border-radius: 2px; + border: 1px solid #3e62f5; } -.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input:focus { - border-color: #3e62f5; - -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); - box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); } .cptm-form-builder-group-title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - min-width: 40px; - min-height: 40px; - font-size: 20px; - color: #141921; - border-radius: 8px; - background-color: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title-icon { - width: 32px; - height: 32px; - min-width: 32px; - min-height: 32px; - font-size: 18px; - } + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } } .cptm-form-builder-group-options { - background-color: #fff; - padding: 20px; - border-radius: 0 0 6px 6px; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #3e62f5; - background: transparent; - border: none; - padding: 0; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; - padding: 24px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; + margin-bottom: 8px; + position: relative; } .cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 48px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - border-radius: 0 6px 6px 0; - cursor: move; -} -.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 8px 12px; - background: #ffffff; - border-radius: 6px 0 0 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-width: 1.5px; - border-color: #3e62f5; - border-bottom: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 0 6px 6px 0; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 6px 0 0 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -webkit-transform: translate(-34px, 7px); + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 18px; - color: #747c89; - border: 1px solid #e5e7eb; - border-radius: 6px; - outline: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active { - color: #141921; - background-color: #f3f4f6; - border-color: #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-action-link { - width: 24px; - height: 24px; - font-size: 14px; - } + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } } .cptm-form-builder-header-action-link.disabled { - color: #a1a9b2; - pointer-events: none; + color: #a1a9b2; + pointer-events: none; } .cptm-form-builder-header-toggle-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 24px; - color: #747c89; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - outline: none !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-toggle-link { - width: 24px; - height: 24px; - font-size: 18px; - } + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } } .cptm-form-builder-header-toggle-link.action-collapse-down { - color: #3e62f5; + color: #3e62f5; } .cptm-form-builder-header-toggle-link.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .action-collapse-up span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - border: 1px solid #e5e7eb; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - line-height: 16px; - font-weight: 500; - color: #141921; - margin: 0; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle { - color: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon { - font-size: 20px; - color: #141921; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path { - fill: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon { - font-size: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i { - font-size: 16px; - color: #4d5761; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 18px; - color: #747c89; - border: none; - -webkit-box-shadow: none; - box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-field-item-body { - padding: 24px; - border: 1.5px solid #3e62f5; - border-top-width: 1px; - border-radius: 0 0 6px 6px; + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; } .cptm-form-builder-group-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 46px; - min-width: 46px; - height: 100%; - min-height: 64px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-item-drag { - width: 32px; - min-width: 32px; - font-size: 18px; - } + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 4px); - padding: 12px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #d2d6db; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-item { - position: relative; + position: relative; } .cptm-form-builder-field-list-item > pre { - position: absolute; - top: 3px; - left: 5px; - margin: 0; - font-size: 10px; - line-height: 12px; - color: #f80718; + position: absolute; + top: 3px; + left: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 8px; - width: auto; - max-width: 20px; - font-size: 20px; - color: #141921; + display: inline-block; + margin-left: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; } .cptm-form-builder-field-list-item-icon { - font-size: 14px; - margin-left: 1px; + font-size: 14px; + margin-left: 1px; } .cptm-form-builder-field-list-label, .cptm-form-builder-field-list-item-label { - display: inline-block; - font-size: 13px; - font-weight: 500; - color: #141921; + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; } .cptm-option-card--draggable .cptm-form-builder-field-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag { - cursor: move; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #747c89; - border-radius: 6px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #0e3bf2; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #d94a4a; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container { - padding: 15px 0 22px 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper { - margin-bottom: 20px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) { - margin-bottom: 17px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label { - margin-bottom: 12px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label { - margin-bottom: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col { - width: 100%; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap { - width: 100%; - padding: 6px; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 20px; - width: 20px; - padding: 0; - border-radius: 6px; - border: 1px solid #e5e7eb; - overflow: hidden; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input { - width: 30px; - height: 30px; - margin: 0; -} -.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container { - padding-right: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-right: 25px; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - margin: 0; - padding: 0 8px; - height: 22px; - color: #4d5761; - border-radius: 4px; - background: #daeeff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; -} -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - margin: 0 auto 10px; - padding: 3px 4px; - background: #e5e7eb; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-sub-navigation { - padding: 10px; - } + .cptm-sub-navigation { + padding: 10px; + } } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 7px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - height: 32px; - padding: 0 10px; - color: #4d5761; - font-size: 14px; - line-height: 14px; - font-weight: 500; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { - padding: 0 10px; - margin-left: -10px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background: transparent; - color: #4d5761; - border-radius: 4px 0 0 4px; + padding: 0 10px; + margin-left: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 4px 0 0 4px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { - background: #f9f9f9; + background: #f9f9f9; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 24px; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link.active { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link:hover:not(.active) { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } @media only screen and (max-width: 1199px) { - .cptm-builder-section { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-options-area { - width: 320px; - margin: 0; + width: 320px; + margin: 0; } .cptm-option-card { - display: none; - opacity: 0; - position: relative; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - background: #ffffff; - border-radius: 4px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card:before { - content: ""; - border-bottom: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - top: -6px; - left: 22px; + content: ""; + border-bottom: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + top: -6px; + left: 22px; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -webkit-transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #2c3239; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-option-card-header { - padding: 8px 16px; - border-bottom: 1px solid #e5e7eb; + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - font-size: 14px; - font-weight: 600; - line-height: 24px; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 10px 0 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 16px; - max-height: 500px; - overflow-y: auto; + padding: 16px; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .cptm-form-group label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - margin-bottom: 4px; + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; } .cptm-option-card-body .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-actions, .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translate(50%, 3px); - transform: translate(50%, 3px); - -webkit-transition: all ease-in-out 0.3s; - transition: all ease-in-out 0.3s; - z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translate(50%, 3px); + transform: translate(50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; } .cptm-widget-actions-wrap { - position: relative; - width: 100%; + position: relative; + width: 100%; } .cptm-widget-action-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, 20px); - transform: translate(50%, 20px); - pointer-events: none; - -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; - z-index: 2; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, 20px); + transform: translate(50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; } .cptm-widget-action-modal-container.active { - pointer-events: all; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); + pointer-events: all; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); } @media only screen and (max-width: 480px) { - .cptm-widget-action-modal-container { - max-width: 250px; - } + .cptm-widget-action-modal-container { + max-width: 250px; + } } .cptm-widget-insert-modal-container .cptm-option-card:before { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } .cptm-widget-option-modal-container .cptm-option-card:before { - left: unset; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); + left: unset; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); } .cptm-widget-option-modal-container .cptm-option-card { - margin: 0; + margin: 0; } .cptm-widget-option-modal-container .cptm-option-card-header { - background-color: #fff; - border: 1px solid #e5e7eb; + background-color: #fff; + border: 1px solid #e5e7eb; } .cptm-widget-option-modal-container .cptm-header-action-link { - color: #2c3239; + color: #2c3239; } .cptm-widget-option-modal-container .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-widget-option-modal-container .cptm-option-card-body { - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: none; - box-shadow: none; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-widget-option-modal-container .cptm-option-card-header-title-section, .cptm-widget-option-modal-container .cptm-option-card-header-title { - color: #2c3239; + color: #2c3239; } .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-widget-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 28px; - height: 28px; - border-radius: 50%; - font-size: 16px; - text-align: center; - text-decoration: none; - background-color: #fff; - border: 1px solid #3e62f5; - color: #3e62f5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-action-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 2px #b4c2f9; - box-shadow: 0 0 0 2px #b4c2f9; + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; } .cptm-widget-action-link:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .cptm-widget-action-link:hover svg path { - fill: #fff; + fill: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-wrap.cptm-widget-card-disabled { - opacity: 0.3; - pointer-events: none; + opacity: 0.3; + pointer-events: none; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block { - opacity: 0.3; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label, -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon { - opacity: 0.3; - color: #4d5761; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge { - margin-top: 10px; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; } .cptm-widget-card-wrap .cptm-widget-card-disabled-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 500; - padding: 0 6px; - height: 18px; - color: #853d0e; - background: #fdefce; - border-radius: 4px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap { - position: relative; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 12px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-radius: 4px; + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { - padding: 0; - font-size: 19px; - font-weight: 600; - line-height: 25px; - color: #141921; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group { - margin: 0; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label { - padding: 0; - font-size: 12px; - font-weight: 500; - line-height: 1.15; - color: #141921; + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { - position: absolute; - left: 12px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover { - color: #ffffff; - background: #d94a4a; + position: absolute; + left: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-widget-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #141921; - border-radius: 5px; - font-size: 12px; - font-weight: 400; - background-color: #ffffff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - height: 32px; - padding: 0 10px; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-widget-badge .cptm-widget-badge-icon, .cptm-widget-badge .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; + font-size: 16px; + color: #141921; } .cptm-widget-badge .cptm-widget-badge-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 4px; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; } .cptm-widget-badge .cptm-widget-badge-label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: right; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: right; } .cptm-widget-badge .cptm-widget-badge-trash { - margin-right: 4px; - cursor: pointer; - -webkit-transition: color ease 0.3s; - transition: color ease 0.3s; + margin-right: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; } .cptm-widget-badge .cptm-widget-badge-trash:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-widget-badge.cptm-widget-badge--icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - width: 22px; - height: 22px; - min-height: unset; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; } .cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { - font-size: 12px; + font-size: 12px; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-preview-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - max-width: 658px; - margin: 40px auto; - padding: 20px 24px; - background: #f3f4f6; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-preview-notice.cptm-preview-notice--list { - max-width: unset; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-notice .cptm-preview-notice-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { - font-size: 12px; - font-weight: 400; - color: #2c3239; - margin: 0; -} -.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong { - color: #141921; - font-weight: 600; + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; } .cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - padding: 0 16px; - font-size: 13px; - font-weight: 500; - border-radius: 8px; - color: #747c89; - background: #ffffff; - border: 1px solid #d2d6db; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover { - color: #3e62f5; - border-color: #3e62f5; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path { - fill: #3e62f5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; } .cptm-widget-thumb .cptm-widget-thumb-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 133px; - color: #a1a9b2; + font-size: 133px; + color: #a1a9b2; } .cptm-widget-thumb .cptm-widget-label { - font-size: 16px; - line-height: 18px; - font-weight: 400; - color: #141921; + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; } .cptm-placeholder-block-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; } .cptm-placeholder-block-wrapper:last-child { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block-wrapper .cptm-placeholder-block { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-placeholder-block-wrapper .cptm-widget-card-status { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - margin-top: 4px; - background: #f3f4f6; - border-radius: 8px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; } .cptm-placeholder-block-wrapper .cptm-widget-card-status span { - color: #747c89; + color: #747c89; } .cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { - background: #d2d6db; + background: #d2d6db; } .cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { - padding: 12px; - min-height: 62px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title { - -webkit-transform: unset !important; - transform: unset !important; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated { - z-index: 99999; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label { - top: 50%; - right: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 14px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card { - height: 32px; - padding: 0 10px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card { - padding: 0; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash { - margin-right: 8px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label { - right: 12px; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - font-size: 13px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label { - color: #4d5761; - font-weight: 400; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper { - overflow: visible !important; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging { - opacity: 0; + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + right: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-right: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + right: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; } .cptm-placeholder-block { - position: relative; - padding: 8px; - background: #a1a9b2; - border: 1px dashed #d2d6db; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; -} -.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open { - border-color: rgb(255, 255, 255); -} -.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { - opacity: 1; - visibility: visible; + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-placeholder-block.cptm-widget-picker-open { - z-index: 100; + z-index: 100; } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 14px; - font-weight: 500; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .dndrop-ghost.dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; } .dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-12 { - margin-bottom: 12px !important; + margin-bottom: 12px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - padding: 24px; - background-color: #fff; - border: 1.5px solid rgba(0, 17, 102, 0.1019607843); - border-top: none; - border-radius: 0 0 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + max-width: 450px; + margin: 0 auto; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .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 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100% !important; - max-width: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - border-radius: 0 4px 4px 0 !important; + height: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 0 4px 4px 0 !important; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - max-width: 100%; - border-radius: 4px 4px 0 0 !important; - } - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail { - min-height: 350px; - } -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container { - top: unset; - bottom: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container { - bottom: unset; - top: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img { - width: 22px; - height: 22px; - border-radius: 50%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap { - min-width: 100px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb { - width: 100%; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg { - width: 20px; - height: 20px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: unset; - -webkit-transform: unset; - transform: unset; - width: 20px; - height: 20px; - font-size: 12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body { - padding-top: 62px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar { - padding-top: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar { - position: relative; - top: -14px; - -webkit-transform: unset; - transform: unset; - padding-bottom: 12px; - z-index: 101; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-placeholder-block-wrapper { - -webkit-box-pack: unset; - -webkit-justify-content: unset; - -ms-flex-pack: unset; - justify-content: unset; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder { - padding: 0 !important; - width: 64px !important; - height: 64px !important; - min-width: 64px !important; - min-height: 64px !important; - max-width: 64px !important; - max-height: 64px !important; - border-radius: 50% !important; - background: transparent !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled { - border: none; - background: transparent; - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; - border-radius: 0 !important; - -webkit-transition: unset !important; - transition: unset !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card { - width: 100%; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb { - width: 64px; - height: 64px; - padding: 0; - margin: 0; - border-radius: 50%; - background-color: #ffffff; - border: 1px dashed #3e62f5; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - bottom: -12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label { - margin: 0; - font-size: 12px; - font-weight: 500; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] { - margin: 0 0 0 6px; - background-color: #ffffff; - border: 2px solid #a1a9b2; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked { - border: 5px solid #3e62f5; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.disabled { - background: #f3f4f6 !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container { - top: 100%; - right: 50%; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card .cptm-input-toggle-wrap .cptm-input-toggle { - padding: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card #avatar-toggle-user_avatar { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-preview-radio-area { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area { - gap: 0; - padding: 3px; - background: #f5f5f5; - border-radius: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item .cptm-radio-item-icon { - font-size: 20px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - color: #141921; - font-size: 12px; - font-weight: 500; - padding: 0 20px; - height: 30px; - line-height: 30px; - text-align: center; - background-color: transparent; - border-radius: 10px; - cursor: pointer; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio] { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio]:checked ~ label { - background-color: #ffffff; - color: #3e62f5; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); -} -.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title, -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title { - width: 100%; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right { - width: 140px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: 127px; + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 0 0 6px; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + right: 50%; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: auto; - } -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap { - padding: 0; + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; } .cptm-card-preview-widget .cptm-options-area { - position: absolute; - top: 38px; - right: unset; - left: 30px; - z-index: 100; + position: absolute; + top: 38px; + right: unset; + left: 30px; + z-index: 100; } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 100%; + position: relative; + height: 100%; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 16px; - position: relative; + display: block; + padding: 16px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 1; - position: absolute; - right: 0; - top: 0; - -webkit-transform: translate(-16px, -14px); - transform: translate(-16px, -14px); - -webkit-box-sizing: border-box; - box-sizing: border-box; + z-index: 1; + position: absolute; + right: 0; + top: 0; + -webkit-transform: translate(-16px, -14px); + transform: translate(-16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-listing-card-author-avatar .cptm-placeholder-block { - height: 64px; - width: 64px; - padding: 8px !important; - margin: 0 !important; - min-height: unset !important; - border-radius: 50% !important; - border: 1px dashed #a1a9b2; -} -.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label { - font-size: 14px; - line-height: 1.15; - font-weight: 500; - color: #141921; - background: transparent; - padding: 0; - border-radius: 0; - top: 16px; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .cptm-placeholder-author-thumb { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 32px; - height: 32px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: transparent; - border: 2px solid #fff; + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: absolute; - bottom: -18px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 22px; - height: 22px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + position: absolute; + bottom: -18px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { - color: #ffffff; - background: #d94a4a; + color: #ffffff; + background: #d94a4a; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { - position: absolute; - bottom: -10px; + position: absolute; + bottom: -10px; } .cptm-widget-title-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; } .cptm-widget-tagline-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 13px; - font-weight: 400; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 13px; + font-weight: 400; + color: #4d5761; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; } .cptm-form-group-info { - font-size: 12px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-card-preview-top-left { - width: calc(50% - 4px); - position: absolute; - top: 0; - right: 0; - z-index: 103; + width: calc(50% - 4px); + position: absolute; + top: 0; + right: 0; + z-index: 103; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right { - position: absolute; - left: 0; - top: 0; - width: calc(50% - 4px); - z-index: 103; + position: absolute; + left: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; } .cptm-card-preview-top-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 4px); - bottom: 0; - right: 0; - z-index: 102; + position: absolute; + width: calc(50% - 4px); + bottom: 0; + right: 0; + z-index: 102; } .cptm-card-preview-bottom-left .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 0; - left: 0; - width: calc(50% - 4px); - z-index: 102; + position: absolute; + bottom: 0; + left: 0; + width: calc(50% - 4px); + z-index: 102; } .cptm-card-preview-bottom-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-bottom-right .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; - border-bottom: unset; - border-top: 7px solid #ffffff; +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; } .cptm-card-preview-body .cptm-widget-option-modal-container, .cptm-card-preview-badges .cptm-widget-option-modal-container { - right: unset; - -webkit-transform: unset; - transform: unset; - left: calc(100% + 57px); + right: unset; + -webkit-transform: unset; + transform: unset; + left: calc(100% + 57px); } .grid-view-without-thumbnail .cptm-input-toggle { - width: 28px; - height: 16px; + width: 28px; + height: 16px; } .grid-view-without-thumbnail .cptm-input-toggle:after { - width: 12px; - height: 12px; - margin: 2px; + width: 12px; + height: 12px; + margin: 2px; } .grid-view-without-thumbnail .cptm-input-toggle.active::after { - -webkit-transform: translateX(calc(-1*(-100% - 4px))); - transform: translateX(calc(-1*(-100% - 4px))); + -webkit-transform: translateX(calc(-1 * (-100% - 4px))); + transform: translateX(calc(-1 * (-100% - 4px))); } .grid-view-without-thumbnail .cptm-card-preview-widget-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .grid-view-without-thumbnail .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-placeholder-top { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - } -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block { - padding-bottom: 32px !important; -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash { - left: 0; + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + left: 0; } .grid-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block { - min-height: 48px !important; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder { - min-height: 160px !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; } .grid-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .grid-view-without-thumbnail .cptm-listing-card-author-avatar { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; } .grid-view-without-thumbnail .cptm-listing-card-quick-actions { - width: 135px; + width: 135px; } .grid-view-without-thumbnail .cptm-listing-card-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title { - width: 100%; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap { - padding: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 14px; - line-height: 19px; - font-weight: 600; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area { - padding: 8px; - background: #fff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .list-view-without-thumbnail .cptm-card-preview-widget-content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .list-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .list-view-without-thumbnail .cptm-listing-card-preview-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block { - min-height: 60px !important; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title { - width: 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: 127px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: auto; - } + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } } .list-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; } .list-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .cptm-card-placeholder-top { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 22px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 16px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; } .cptm-listing-card-preview-footer .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { - font-size: 12px; - font-weight: 400; - gap: 4px; - width: 100%; - height: 32px; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { - height: 100%; + height: 100%; } .cptm-card-preview-footer-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-footer-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-body-placeholder { - padding: 12px 12px 32px; - min-height: 160px !important; - border-color: #a1a9b2; + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #141921; + color: #141921; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - color: #141921; - background: #ffffff; - height: 42px; - font-size: 14px; - line-height: 1.15; - font-weight: 500; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { - background: #f3f4f6; - border-color: #d2d6db; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions { - opacity: 1; - visibility: visible; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit { - background: #e5e7eb; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap { - width: 100%; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon { - font-size: 20px; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - border-radius: 100%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span { - font-size: 20px; - color: #141921; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active { - background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: right; -} -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - width: 100%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: right; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-widget-preview-area .cptm-widget-preview-card { - position: relative; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions { - position: absolute; - bottom: 100%; - right: 50%; - -webkit-transform: translate(50%, -7px); - transform: translate(50%, -7px); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 6px 12px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 1; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before { - content: ""; - border-top: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - bottom: -7px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link { - width: auto; - height: auto; - border: none; - background: transparent; - color: #141921; - cursor: pointer; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus { - background: transparent; - color: #3e62f5; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover { - color: #3e62f5; + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + right: 50%; + -webkit-transform: translate(50%, -7px); + transform: translate(50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + bottom: -7px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; } .widget-drag-handle { - cursor: move; + cursor: move; } .cptm-card-light.cptm-placeholder-block { - border-color: #d2d6db; - background: #f9fafb; + border-color: #d2d6db; + background: #f9fafb; } -.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 600; - color: #141921; - margin-bottom: 8px; + display: block; + font-size: 14px; + font-weight: 600; + color: #141921; + margin-bottom: 8px; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-form-group-tab-list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 6px; - list-style: none; - background: #fff; - border: 1px solid #e5e7eb; - border-radius: 100px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; } .cptm-form-group-tab-list .cptm-form-group-tab-item { - margin: 0; + margin: 0; } .cptm-form-group-tab-list .cptm-form-group-tab-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - padding: 0 16px; - border-radius: 100px; - margin: 0; - cursor: pointer; - background-color: #ffffff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - color: #4d5761; - font-weight: 500; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; } .cptm-form-group-tab-list .cptm-form-group-tab-link:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - background-color: #d8e0fd; - color: #3e62f5; + background-color: #d8e0fd; + color: #3e62f5; } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -webkit-gradient( + linear, + right top, + right bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .cptm-input-toggle-wrap.cptm-input-toggle-left { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 14px; - height: calc(100% - 6px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 3px 4px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 8px))); - transform: translateX(calc(-1*(-100% - 8px))); + right: 100%; + -webkit-transform: translateX(calc(-1 * (-100% - 8px))); + transform: translateX(calc(-1 * (-100% - 8px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; } .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .cptm-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; } @media (max-width: 960px) { - .cptm-modal-overlay { - width: 100%; - } + .cptm-modal-overlay { + width: 100%; + } } .cptm-modal-overlay .cptm-modal-container { - display: block; - height: auto; - position: absolute; - top: 50%; - right: 50%; - left: unset; - bottom: unset; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - overflow: visible; + display: block; + height: auto; + position: absolute; + top: 50%; + right: 50%; + left: unset; + bottom: unset; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + overflow: visible; } @media (max-width: 767px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 400px; - height: 225px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } } @media (max-width: 575px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 300px; - height: 175px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } } .cptm-modal-content { - position: relative; + position: relative; } .cptm-modal-content .cptm-modal-video video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .cptm-modal-content .cptm-modal-image .cptm-modal-image__img { - max-height: calc(100vh - 200px); + max-height: calc(100vh - 200px); } .cptm-modal-content .cptm-modal-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: auto; - width: 724px; - max-height: calc(100vh - 200px); - background: #fff; - padding: 30px 70px; - border-radius: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - padding: 0 16px; - height: 40px; - color: #000; - background: #ededed; - border: 1px solid #ededed; - border-radius: 8px; -} -.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-content__close-btn { - position: absolute; - top: 0; - left: -42px; - width: 36px; - height: 36px; - color: #000; - background: #fff; - font-size: 15px; - border: none; - border-radius: 100%; - cursor: pointer; + position: absolute; + top: 0; + left: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 12px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 999999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 999999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 70px 54px 70px 30px; - background: #f9fafb; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 54px 70px 30px; + background: #f9fafb; } @media (max-width: 1199px) { - .cptm-preview-placeholder { - margin-left: 0; - } + .cptm-preview-placeholder { + margin-left: 0; + } } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder { - border: none; - max-width: 100%; - padding: 0; - margin: 0; - background: transparent; - } + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } } .cptm-preview-placeholder__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 20px; - padding: 20px; - background: #ffffff; - border-radius: 6px; - border: 1.5px solid #e5e7eb; - -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 12px; - border-radius: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border: 1.5px dashed #d2d6db; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: auto; - background: unset; - border: none; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; } .cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge { - font-size: 12px; - line-height: 18px; - color: #1f2937; - min-height: 32px; - background-color: #ffffff; - border-radius: 6px; - border: 1.15px solid #e5e7eb; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; } .cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { - display: none; + display: none; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 14px; - font-weight: 500; + color: #868eae; + font-size: 14px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - min-height: 35px; - padding: 0 13px; - border-radius: 4px; - font-size: 13px; - line-height: 18px; - font-weight: 500; - color: #383f47; - background-color: #e5e7eb; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - font-size: 12px; - line-height: 15px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } } .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { - padding: 0; - background: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 22px; + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 18px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } } .cptm-preview-placeholder__card__box.listing-title-placeholder { - padding: 13px 8px; + padding: 13px 8px; } .cptm-preview-placeholder__card__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 8px; - border-radius: 4px; - border: 1.5px dashed #d2d6db; + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; } .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 50px; - text-align: center; - height: 240px; - background: #e5e7eb; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - padding: 30px; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg { - height: 100px; - width: 100px; - } -} -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 10px; + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; - border: 1px solid #e5e7eb; - border-radius: 8px; - padding: 16px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-left: 8px; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 20px; - color: #747c89; - margin-top: 15px; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-preview-placeholder--settings-closed { - max-width: 700px; - margin: 0 auto; + max-width: 700px; + margin: 0 auto; } @media (max-width: 1199px) { - .cptm-preview-placeholder--settings-closed { - max-width: 100%; - } + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 12px; - font-weight: 400; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul:empty { - position: relative; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist_dropdown .directorist_dropdown-option ul:empty:before { - content: "No Items Found"; + content: "No Items Found"; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } .cptm-import-directory-modal .cptm-info-text { - padding: 4px 8px; - height: auto; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-import-directory-modal .cptm-info-text > b { - margin-left: 4px; + margin-left: 4px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 212px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .enable_single_listing_page .cptm-title-area { - margin: 30px 0; + margin: 30px 0; } .enable_single_listing_page .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 600; - color: #0a0a0a; + font-size: 20px; + font-weight: 600; + color: #0a0a0a; } .enable_single_listing_page .cptm-title-area .cptm-des { - font-size: 14px; - color: #737373; - margin-top: 6px; + font-size: 14px; + color: #737373; + margin-top: 6px; } .enable_single_listing_page .cptm-input-toggle-content h3 { - font-size: 14px; - font-weight: 600; - color: #2c3239; - margin: 0 0 6px; + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; } .enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .enable_single_listing_page .cptm-form-group { - margin-bottom: 40px; + margin-bottom: 40px; } .enable_single_listing_page .cptm-form-group--dropdown { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - font-weight: 500; - margin-top: 6px; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { - color: #3e62f5; + color: #3e62f5; } .enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { - border-radius: 4px; - border-color: #d2d6db; + border-radius: 4px; + border-color: #d2d6db; } -.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown .directorist_dropdown-toggle { - line-height: 1.4; - min-height: 40px; +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; } .enable_single_listing_page .cptm-input-toggle { - width: 44px; - height: 22px; + width: 44px; + height: 22px; } .cptm-form-group--api-select-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - background-color: #e5e5e5; - border-radius: 4px; - margin: 0 auto 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; } .cptm-form-group--api-select-icon span.la { - font-size: 22px; - color: #0a0a0a; + font-size: 22px; + color: #0a0a0a; } .cptm-form-group--api-select h4 { - font-size: 16px; - color: #171717; + font-size: 16px; + color: #171717; } .cptm-form-group--api-select p { - color: #737373; + color: #737373; } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #0a0a0a; - border: 1px solid #d4d4d4; - border-radius: 8px; - padding: 8.5px 16.5px; - margin: 0 auto; - background-color: #fff; - cursor: pointer; - -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { - font-size: 16px; - color: #0a0a0a; - margin-left: 8px; + font-size: 16px; + color: #0a0a0a; + margin-left: 8px; } .cptm-form-title-field { - margin-bottom: 16px; + margin-bottom: 16px; } .cptm-form-title-field .cptm-form-title-field__label { - font-size: 14px; - font-weight: 600; - color: #000000; - margin: 0 0 4px; + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; } .cptm-form-title-field .cptm-form-title-field__description { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .cptm-form-title-field .cptm-form-title-field__description a { - color: #345af4; + color: #345af4; } .cptm-elements-settings { - width: 100%; - max-width: 372px; - padding: 0 20px; - scrollbar-width: 6px; - border-left: 1px solid #e5e7eb; - scrollbar-color: #d2d6db #f3f4f6; + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-left: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; } @media only screen and (max-width: 1199px) { - .cptm-elements-settings { - max-width: 100%; - } + .cptm-elements-settings { + max-width: 100%; + } } @media only screen and (max-width: 782px) { - .cptm-elements-settings { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .cptm-elements-settings { - border: none; - padding: 0; - } + .cptm-elements-settings { + border: none; + padding: 0; + } } .cptm-elements-settings__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 18px 0 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; } .cptm-elements-settings__header__title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; - margin: 0; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; } .cptm-elements-settings__group { - padding: 20px 0; - border-bottom: 1px solid #e5e7eb; + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; } .cptm-elements-settings__group .dndrop-draggable-wrapper { - position: relative; - overflow: visible !important; + position: relative; + overflow: visible !important; } .cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-elements-settings__group:last-child { - border-bottom: none; + border-bottom: none; } .cptm-elements-settings__group__title { - display: block; - font-size: 12px; - font-weight: 500; - letter-spacing: 0.48px; - color: #747c89; - margin-bottom: 15px; + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; } .cptm-elements-settings__group__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px; - border-radius: 4px; - background: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; } .cptm-elements-settings__group__single:hover { - border-color: #3e62f5; + border-color: #3e62f5; } .cptm-elements-settings__group__single .drag-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 16px; - color: #747c89; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-elements-settings__group__single .drag-icon:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-elements-settings__group__single__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #383f47; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; } .cptm-elements-settings__group__single__label__icon { - color: #4d5761; - font-size: 24px; + color: #4d5761; + font-size: 24px; } @media only screen and (max-width: 480px) { - .cptm-elements-settings__group__single__label__icon { - font-size: 20px; - } + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } } .cptm-elements-settings__group__single__action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 12px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-elements-settings__group__single__edit { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-elements-settings__group__single__edit__icon { - font-size: 20px; - color: #4d5761; + font-size: 20px; + color: #4d5761; } .cptm-elements-settings__group__single__edit--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__single__switch label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - position: relative; - width: 32px; - height: 18px; - cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; } .cptm-elements-settings__group__single__switch label::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-color: #d2d6db; - border-radius: 30px; - -webkit-transition: all 0.3s; - transition: all 0.3s; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .cptm-elements-settings__group__single__switch label::after { - content: ""; - position: absolute; - top: 3px; - right: 3px; - width: 12px; - height: 12px; - background-color: #ffffff; - border-radius: 50%; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} -.cptm-elements-settings__group__single__switch input[type=checkbox] { - display: none; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before { - background-color: #3e62f5; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after { - -webkit-transform: translateX(-14px); - transform: translateX(-14px); + content: ""; + position: absolute; + top: 3px; + right: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(-14px); + transform: translateX(-14px); } .cptm-elements-settings__group__single--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__options { - position: absolute; - width: 100%; - top: 42px; - right: 0; - z-index: 1; - padding-bottom: 20px; + position: absolute; + width: 100%; + top: 42px; + right: 0; + z-index: 1; + padding-bottom: 20px; } .cptm-elements-settings__group__options .cptm-option-card { - margin: 0; - background: #fff; - -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); } .cptm-elements-settings__group__options .cptm-option-card:before { - left: 60px; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header { - padding: 0; - border-radius: 8px 8px 0 0; - background: transparent; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section { - padding: 16px; - min-height: auto; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title { - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - padding: 0; - color: #4d5761; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 16px; - background: transparent; - border-top: 1px solid #e5e7eb; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group { - margin-bottom: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label { - font-size: 13px; - font-weight: 500; + left: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; } .cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { - margin-bottom: 8px; + margin-bottom: 8px; } -.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child { - margin-bottom: 0; +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; } .cptm-shortcode-generator { - max-width: 100%; + max-width: 100%; } .cptm-shortcode-generator .cptm-generate-shortcode-button { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 9px 20px; - margin: 0; - background-color: #fff; - color: #3e62f5; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; } .cptm-shortcode-generator .cptm-generate-shortcode-button:hover { - color: #fff; + color: #fff; } .cptm-shortcode-generator .cptm-generate-shortcode-button i { - font-size: 14px; + font-size: 14px; } .cptm-shortcode-generator .cptm-shortcodes-wrapper { - margin-top: 20px; + margin-top: 20px; } .cptm-shortcode-generator .cptm-shortcodes-box { - position: relative; - background-color: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 4px; - padding: 10px 12px; + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; } .cptm-shortcode-generator .cptm-copy-icon-button { - position: absolute; - top: 12px; - left: 12px; - background: transparent; - border: none; - cursor: pointer; - padding: 8px; - color: #555; - font-size: 18px; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; - z-index: 10; + position: absolute; + top: 12px; + left: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; } .cptm-shortcode-generator .cptm-copy-icon-button:hover { - color: #000; + color: #000; } .cptm-shortcode-generator .cptm-copy-icon-button:focus { - outline: 2px solid #0073aa; - outline-offset: 2px; - border-radius: 4px; + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; } .cptm-shortcode-generator .cptm-shortcodes-content { - padding-left: 40px; + padding-left: 40px; } .cptm-shortcode-generator .cptm-shortcode-item { - margin: 0; - padding: 2px 6px; - font-size: 14px; - color: #000000; - line-height: 1.6; + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; } .cptm-shortcode-generator .cptm-shortcode-item:hover { - background-color: #e5e7eb; + background-color: #e5e7eb; } .cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .cptm-shortcode-generator .cptm-shortcodes-footer { - margin-top: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 12px; - color: #747c89; + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-text { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-separator { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-regenerate-link { - color: #3e62f5; - text-decoration: none; - font-weight: 500; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; } .cptm-shortcode-generator .cptm-regenerate-link:hover { - color: #3e62f5; - text-decoration: underline; + color: #3e62f5; + text-decoration: underline; } .cptm-shortcode-generator .cptm-regenerate-link:focus { - outline: 2px solid #3e62f5; - outline-offset: 2px; - border-radius: 2px; + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; } .cptm-shortcode-generator .cptm-no-shortcodes { - margin-top: 12px; + margin-top: 12px; } .cptm-shortcode-generator .cptm-form-group-info { - font-size: 14px; - color: #4d5761; -} - -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light: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-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-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + font-size: 14px; + color: #4d5761; +} + +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light: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-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-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 0; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 0; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - position: relative; - width: calc(100% + 20px); - top: -10px; - right: -10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + right: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-top { - padding: 10px 30px; - } + .directorist-directory-type-top { + padding: 10px 30px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 24px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-type-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 15px; - font-weight: 600; - color: #141921; - line-height: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; } .directorist-type-name span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-type-name-editable span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable span:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-bottom { - position: fixed; - bottom: 0; - left: 20px; - width: calc(100% - 204px); - height: calc(100% - 115px); - overflow-y: auto; - z-index: 1; - background: white; - margin-top: 67px; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + position: fixed; + bottom: 0; + left: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom { - position: unset; - width: 100%; - height: auto; - overflow-y: visible; - margin-top: 20px; - } - .directorist-directory-type-bottom .atbdp-cptm-body { - margin: 0 20px 20px !important; - } + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 113px; - width: calc(100% - 202px); - background: #ffffff; - border: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - border-radius: 8px 8px 0 0; - overflow-x: auto; - z-index: 100; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: fixed; + left: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 1024px) { - .directorist-directory-type-bottom .cptm-header-navigation { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: 100%; - border: none; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 72px; + position: relative; + margin-top: 72px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 40px); - } + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } } .wp-admin.folded .directorist-directory-type-bottom { - width: calc(100% - 80px); + width: calc(100% - 80px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: 100%; - border-width: 0 0 1px 0; - } + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-bottom: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; } .directorist-form-action__modal-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; } .directorist-form-action__modal-btn svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__modal-btn:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-action__view { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-action__view svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__view:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__view:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 14px 20px; - border-radius: 4px; - margin: 16px 0 0; - text-align: center; - font-size: 14px; - font-weight: 500; - color: #747c89; - background-color: #f9fafb; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-field-drop-area:first-child { - margin-top: 0; + margin-top: 0; } .cptm-form-builder-group-field-drop-area.drag-enter { - color: #3e62f5; - background-color: #d8e0fd; - border-color: #3e62f5; + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -webkit-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - color: #4d5761; - font-weight: 500; - padding: 24px 0; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; } @media only screen and (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 16px 0; - } + .cptm-header-nav__list-item-link { + padding: 16px 0; + } } .cptm-header-nav__list-item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: calc(100% + 55px); - height: 3px; - background-color: transparent; - border-radius: 2px 2px 0 0; + content: ""; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; } .cptm-header-nav__list-item-link .cptm-header-nav__icon { - font-size: 24px; + font-size: 24px; } .cptm-header-nav__list-item-link.active { - font-weight: 600; + font-weight: 600; } .cptm-header-nav__list-item-link.active:before { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon, .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-header-nav__label { - display: block; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - width: 100%; - display: block; - background-color: #fff; + width: 100%; + display: block; + background-color: #fff; } .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 92px; + margin-top: 92px; } @media only screen and (max-width: 782px) { - .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 20px; - } + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } } .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { - width: auto; - max-width: 658px; - margin: 0 auto; - gap: 16px; - padding: 0; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - background: #f9fafb; - border-bottom: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link { - height: 47px; - padding: 0 8px; - border: none; - border-radius: 0; - position: relative; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - height: 3px; - background: transparent; - border-radius: 2px 2px 0 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active { - color: #3e62f5; - background: transparent; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path { - stroke: #3e62f5; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before { - background: #3e62f5; + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - max-width: 100%; - margin: 82px auto 0; + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; } @media only screen and (max-width: 782px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-tab-content-header__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - left: 32px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 11; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + left: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; } @media only screen and (max-width: 991px) { - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 25px; - } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 25px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 70px; - margin-top: 20px; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - top: 0; - -webkit-transform: unset; - transform: unset; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin-top: 0; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 600px; + max-width: 600px; } .cptm-tab-content.tab-full-width { - max-width: 100%; + max-width: 100%; } .cptm-tab-content.cptm-tab-content-general { - top: 32px; - padding: 32px 30px 0; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin: 0 auto 70px; + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; } @media only screen and (max-width: 960px) { - .cptm-tab-content.cptm-tab-content-general { - max-width: 100%; - margin: 0 20px 52px; - } + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content.cptm-tab-content-general { - margin: 0; - } + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content.cptm-tab-content-general { - top: 0; - } + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } } .cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { - margin-bottom: 50px; + margin-bottom: 50px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - z-index: 10; + position: relative; + z-index: 10; } .cptm-section.cptm-section--disabled .cptm-builder-section { - opacity: 0.6; - pointer-events: none; + opacity: 0.6; + pointer-events: none; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 400px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.single_listing_header { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } -.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action { - position: absolute; - left: 0; - top: 0; - margin: 0; +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + left: 0; + top: 0; + margin: 0; } .cptm-section.preview_mode { - position: absolute; - left: 24px; - bottom: 18px; - width: calc(100% - 420px); - padding: 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 8px; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + position: absolute; + left: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } @media only screen and (min-width: 1441px) { - .cptm-section.preview_mode { - width: calc(65% - 49px); - } + .cptm-section.preview_mode { + width: calc(65% - 49px); + } } @media only screen and (max-width: 1024px) { - .cptm-section.preview_mode { - width: calc(100% - 49px); - } + .cptm-section.preview_mode { + width: calc(100% - 49px); + } } @media only screen and (max-width: 480px) { - .cptm-section.preview_mode { - width: 100%; - position: unset; - margin-top: 20px; - } + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } .cptm-section.preview_mode .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-section.preview_mode .directorist-footer-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 12px; - padding: 10px 16px; - background-color: #f5f6f7; - border: 1px solid #e5e7eb; - border-radius: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; } @media only screen and (max-width: 575px) { - .cptm-section.preview_mode .directorist-footer-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 32px; - font-size: 12px; - font-weight: 500; - color: #4d5761; - border-color: #e5e7eb; - background-color: #ffffff; - border-radius: 6px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { - margin: 0; -} -.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control { - height: 32px; - padding: 0 20px; - font-size: 12px; - font-weight: 500; - color: #4d5761; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - max-width: 658px; - margin: 0 auto; - padding: 24px; - margin-bottom: 32px; - border-radius: 0 0 8px 8px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - padding: 16px; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area { - max-width: 100%; - padding: 12px 20px; - margin-bottom: 16px; - background: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field { - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title { - font-size: 14px; - line-height: 19px; - font-weight: 500; - color: #141921; - margin: 0 0 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description { - font-size: 12px; - line-height: 16px; - font-weight: 400; - color: #4d5761; - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget { - max-width: unset; - padding: 0; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content { - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header { - position: relative; - height: 328px; - padding: 16px 16px 24px; - background: #e5e7eb; - border-radius: 4px 4px 0 0; - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block { - max-width: 100%; - background: #f3f4f6; - border: 1px dashed #d2d6db; - border-radius: 4px; - min-height: 72px; - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - padding: 0; - border: none; - background: transparent; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link { - position: relative; - height: unset; - padding: 8px 40px 8px 26px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before { - content: ""; - position: absolute; - top: 50%; - right: 12px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 50%; - border: 2px solid #a1a9b2; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg { - border: 1px solid #d2d6db; - border-radius: 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before { - border: 5px solid #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type { - stroke: #3e62f5; - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path { - fill: #fff; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; - stroke: unset; + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 40px 8px 26px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + right: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget { - -webkit-box-shadow: unset; - box-shadow: unset; + -webkit-box-shadow: unset; + box-shadow: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { - border-radius: 10px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-section.listings_card_list_view .cptm-card-top-area { - max-width: unset; + max-width: unset; } .cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { - border-radius: 10px; + border-radius: 10px; } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @media only screen and (max-width: 1024px) { - .cptm-form-builder { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 30px; - } - .cptm-form-builder .cptm-form-builder-sidebar { - max-width: 100%; - } + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } } .cptm-form-builder.submission_form_fields .cptm-form-builder-content { - border-bottom: 25px solid #f3f4f6; + border-bottom: 25px solid #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder.submission_form_fields { - gap: 30px; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder.single_listings_contents { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-form-builder.search_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder-sidebar { - width: 100%; - max-width: 372px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (min-width: 1441px) { - .cptm-form-builder-sidebar { - max-width: 35%; - } + .cptm-form-builder-sidebar { + max-width: 35%; + } } .cptm-form-builder-sidebar .cptm-form-builder-action { - padding-bottom: 0; + padding-bottom: 0; } @media only screen and (max-width: 480px) { - .cptm-form-builder-sidebar .cptm-form-builder-action { - padding: 20px 0; - } + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } } .cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { - padding: 12px 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-content { - height: auto; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - background: #f3f4f6; - border-right: 1px solid #e5e7eb; + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-right: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-action { - border-bottom: 1px solid #e5e7eb; + border-bottom: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-active-fields { - padding: 24px; - background: #f3f4f6; - height: 100%; - min-height: calc(100vh - 225px); + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); } @media only screen and (max-width: 1399px) { - .cptm-form-builder-content .cptm-form-builder-active-fields { - min-height: calc(100vh - 225px); - } + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } } .cptm-form-builder-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 18px 24px; - background: #ffffff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; } .cptm-form-builder-action-title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; } .cptm-form-builder-action-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 0 12px; - color: #141921; - font-size: 14px; - line-height: 16px; - font-weight: 500; - height: 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #d2d6db; - border-radius: 4px; -} - -.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, -.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { - width: 200px; - height: auto; - min-height: 34px; - white-space: unset; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin: 0 0 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 12px; - font-weight: 600; - color: #4d5761; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields.empty-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - height: calc(100vh - 200px); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container { - height: auto; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text { - font-size: 18px; - line-height: 24px; - font-weight: 500; - font-style: italic; - color: #4d5761; - margin: 12px 0 0; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer { - text-align: center; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn { - margin: 10px auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - z-index: 1; + position: relative; + margin: 0; + z-index: 1; } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #3e62f5; - background: #ffffff; - border: 0 none; - margin: 16px 0 0; - font-size: 14px; - font-weight: 600; - border-radius: 4px; - border: 1px solid #3e62f5; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 6px; - padding-bottom: 0; + position: relative; + margin-bottom: 6px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - position: relative; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-bottom: none; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon { - background-color: #d8e0fd; -} -.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper { - left: 12px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper { - position: absolute; - top: calc(100% - 12px); - left: 55px; - width: 100%; - max-width: 460px; - height: 100%; - z-index: 9; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options { - padding: 0; - border: 1px solid #e5e7eb; - border-radius: 6px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 16px; - border-bottom: 1px solid #e5e7eb; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title { - font-size: 14px; - line-height: 16px; - font-weight: 600; - color: #2c3239; - margin: 0; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close { - color: #2c3239; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span { - font-size: 20px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area { - padding: 24px; + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + left: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + left: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - background-color: #ffffff; - border: 1px solid #e5e7eb; - overflow: hidden; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; } .cptm-form-builder-group-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -div[draggable=true].cptm-form-builder-group-header-content { - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; } .cptm-form-builder-group-header-content__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-form-builder-group-header-content__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-header-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 15px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title { - font-size: 13px; - } + .cptm-form-builder-group-title { + font-size: 13px; + } } .cptm-form-builder-group-title .cptm-form-builder-group-title-label { - cursor: text; + cursor: text; } .cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { - height: 40px; - padding: 4px 6px 4px 50px; - border-radius: 2px; - border: 1px solid #3e62f5; + height: 40px; + padding: 4px 6px 4px 50px; + border-radius: 2px; + border: 1px solid #3e62f5; } -.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input:focus { - border-color: #3e62f5; - -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); - box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); } .cptm-form-builder-group-title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - min-width: 40px; - min-height: 40px; - font-size: 20px; - color: #141921; - border-radius: 8px; - background-color: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title-icon { - width: 32px; - height: 32px; - min-width: 32px; - min-height: 32px; - font-size: 18px; - } + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } } .cptm-form-builder-group-options { - background-color: #fff; - padding: 20px; - border-radius: 0 0 6px 6px; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #3e62f5; - background: transparent; - border: none; - padding: 0; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; - padding: 24px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; + margin-bottom: 8px; + position: relative; } .cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 48px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - border-radius: 0 6px 6px 0; - cursor: move; -} -.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 8px 12px; - background: #ffffff; - border-radius: 6px 0 0 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-width: 1.5px; - border-color: #3e62f5; - border-bottom: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 0 6px 6px 0; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 6px 0 0 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -webkit-transform: translate(-34px, 7px); + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 18px; - color: #747c89; - border: 1px solid #e5e7eb; - border-radius: 6px; - outline: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active { - color: #141921; - background-color: #f3f4f6; - border-color: #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-action-link { - width: 24px; - height: 24px; - font-size: 14px; - } + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } } .cptm-form-builder-header-action-link.disabled { - color: #a1a9b2; - pointer-events: none; + color: #a1a9b2; + pointer-events: none; } .cptm-form-builder-header-toggle-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 24px; - color: #747c89; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - outline: none !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-toggle-link { - width: 24px; - height: 24px; - font-size: 18px; - } + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } } .cptm-form-builder-header-toggle-link.action-collapse-down { - color: #3e62f5; + color: #3e62f5; } .cptm-form-builder-header-toggle-link.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .action-collapse-up span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - border: 1px solid #e5e7eb; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - line-height: 16px; - font-weight: 500; - color: #141921; - margin: 0; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle { - color: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon { - font-size: 20px; - color: #141921; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path { - fill: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon { - font-size: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i { - font-size: 16px; - color: #4d5761; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 18px; - color: #747c89; - border: none; - -webkit-box-shadow: none; - box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-field-item-body { - padding: 24px; - border: 1.5px solid #3e62f5; - border-top-width: 1px; - border-radius: 0 0 6px 6px; + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; } .cptm-form-builder-group-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 46px; - min-width: 46px; - height: 100%; - min-height: 64px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-item-drag { - width: 32px; - min-width: 32px; - font-size: 18px; - } + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 4px); - padding: 12px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #d2d6db; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-item { - position: relative; + position: relative; } .cptm-form-builder-field-list-item > pre { - position: absolute; - top: 3px; - left: 5px; - margin: 0; - font-size: 10px; - line-height: 12px; - color: #f80718; + position: absolute; + top: 3px; + left: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 8px; - width: auto; - max-width: 20px; - font-size: 20px; - color: #141921; + display: inline-block; + margin-left: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; } .cptm-form-builder-field-list-item-icon { - font-size: 14px; - margin-left: 1px; + font-size: 14px; + margin-left: 1px; } .cptm-form-builder-field-list-label, .cptm-form-builder-field-list-item-label { - display: inline-block; - font-size: 13px; - font-weight: 500; - color: #141921; + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; } .cptm-option-card--draggable .cptm-form-builder-field-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag { - cursor: move; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #747c89; - border-radius: 6px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #0e3bf2; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #d94a4a; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container { - padding: 15px 0 22px 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper { - margin-bottom: 20px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) { - margin-bottom: 17px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label { - margin-bottom: 12px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label { - margin-bottom: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col { - width: 100%; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap { - width: 100%; - padding: 6px; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 20px; - width: 20px; - padding: 0; - border-radius: 6px; - border: 1px solid #e5e7eb; - overflow: hidden; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input { - width: 30px; - height: 30px; - margin: 0; -} -.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container { - padding-right: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-right: 25px; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - margin: 0; - padding: 0 8px; - height: 22px; - color: #4d5761; - border-radius: 4px; - background: #daeeff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; -} -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - margin: 0 auto 10px; - padding: 3px 4px; - background: #e5e7eb; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-sub-navigation { - padding: 10px; - } + .cptm-sub-navigation { + padding: 10px; + } } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 7px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - height: 32px; - padding: 0 10px; - color: #4d5761; - font-size: 14px; - line-height: 14px; - font-weight: 500; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { - padding: 0 10px; - margin-left: -10px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background: transparent; - color: #4d5761; - border-radius: 4px 0 0 4px; + padding: 0 10px; + margin-left: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 4px 0 0 4px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { - background: #f9f9f9; + background: #f9f9f9; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 24px; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link.active { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link:hover:not(.active) { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } @media only screen and (max-width: 1199px) { - .cptm-builder-section { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-options-area { - width: 320px; - margin: 0; + width: 320px; + margin: 0; } .cptm-option-card { - display: none; - opacity: 0; - position: relative; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - background: #ffffff; - border-radius: 4px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card:before { - content: ""; - border-bottom: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - top: -6px; - left: 22px; + content: ""; + border-bottom: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + top: -6px; + left: 22px; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -webkit-transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #2c3239; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-option-card-header { - padding: 8px 16px; - border-bottom: 1px solid #e5e7eb; + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - font-size: 14px; - font-weight: 600; - line-height: 24px; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 10px 0 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 16px; - max-height: 500px; - overflow-y: auto; + padding: 16px; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .cptm-form-group label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - margin-bottom: 4px; + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; } .cptm-option-card-body .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-actions, .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translate(50%, 3px); - transform: translate(50%, 3px); - -webkit-transition: all ease-in-out 0.3s; - transition: all ease-in-out 0.3s; - z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translate(50%, 3px); + transform: translate(50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; } .cptm-widget-actions-wrap { - position: relative; - width: 100%; + position: relative; + width: 100%; } .cptm-widget-action-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, 20px); - transform: translate(50%, 20px); - pointer-events: none; - -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; - z-index: 2; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, 20px); + transform: translate(50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; } .cptm-widget-action-modal-container.active { - pointer-events: all; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); + pointer-events: all; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); } @media only screen and (max-width: 480px) { - .cptm-widget-action-modal-container { - max-width: 250px; - } + .cptm-widget-action-modal-container { + max-width: 250px; + } } .cptm-widget-insert-modal-container .cptm-option-card:before { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } .cptm-widget-option-modal-container .cptm-option-card:before { - left: unset; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); + left: unset; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); } .cptm-widget-option-modal-container .cptm-option-card { - margin: 0; + margin: 0; } .cptm-widget-option-modal-container .cptm-option-card-header { - background-color: #fff; - border: 1px solid #e5e7eb; + background-color: #fff; + border: 1px solid #e5e7eb; } .cptm-widget-option-modal-container .cptm-header-action-link { - color: #2c3239; + color: #2c3239; } .cptm-widget-option-modal-container .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-widget-option-modal-container .cptm-option-card-body { - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: none; - box-shadow: none; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-widget-option-modal-container .cptm-option-card-header-title-section, .cptm-widget-option-modal-container .cptm-option-card-header-title { - color: #2c3239; + color: #2c3239; } .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-widget-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 28px; - height: 28px; - border-radius: 50%; - font-size: 16px; - text-align: center; - text-decoration: none; - background-color: #fff; - border: 1px solid #3e62f5; - color: #3e62f5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-action-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 2px #b4c2f9; - box-shadow: 0 0 0 2px #b4c2f9; + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; } .cptm-widget-action-link:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .cptm-widget-action-link:hover svg path { - fill: #fff; + fill: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-wrap.cptm-widget-card-disabled { - opacity: 0.3; - pointer-events: none; + opacity: 0.3; + pointer-events: none; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block { - opacity: 0.3; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label, -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon { - opacity: 0.3; - color: #4d5761; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge { - margin-top: 10px; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; } .cptm-widget-card-wrap .cptm-widget-card-disabled-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 500; - padding: 0 6px; - height: 18px; - color: #853d0e; - background: #fdefce; - border-radius: 4px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap { - position: relative; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 12px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-radius: 4px; + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { - padding: 0; - font-size: 19px; - font-weight: 600; - line-height: 25px; - color: #141921; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group { - margin: 0; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label { - padding: 0; - font-size: 12px; - font-weight: 500; - line-height: 1.15; - color: #141921; + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { - position: absolute; - left: 12px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover { - color: #ffffff; - background: #d94a4a; + position: absolute; + left: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-widget-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #141921; - border-radius: 5px; - font-size: 12px; - font-weight: 400; - background-color: #ffffff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - height: 32px; - padding: 0 10px; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-widget-badge .cptm-widget-badge-icon, .cptm-widget-badge .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; + font-size: 16px; + color: #141921; } .cptm-widget-badge .cptm-widget-badge-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 4px; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; } .cptm-widget-badge .cptm-widget-badge-label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: right; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: right; } .cptm-widget-badge .cptm-widget-badge-trash { - margin-right: 4px; - cursor: pointer; - -webkit-transition: color ease 0.3s; - transition: color ease 0.3s; + margin-right: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; } .cptm-widget-badge .cptm-widget-badge-trash:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-widget-badge.cptm-widget-badge--icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - width: 22px; - height: 22px; - min-height: unset; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; } .cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { - font-size: 12px; + font-size: 12px; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-preview-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - max-width: 658px; - margin: 40px auto; - padding: 20px 24px; - background: #f3f4f6; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-preview-notice.cptm-preview-notice--list { - max-width: unset; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-notice .cptm-preview-notice-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { - font-size: 12px; - font-weight: 400; - color: #2c3239; - margin: 0; -} -.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong { - color: #141921; - font-weight: 600; + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; } .cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - padding: 0 16px; - font-size: 13px; - font-weight: 500; - border-radius: 8px; - color: #747c89; - background: #ffffff; - border: 1px solid #d2d6db; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover { - color: #3e62f5; - border-color: #3e62f5; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path { - fill: #3e62f5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; } .cptm-widget-thumb .cptm-widget-thumb-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 133px; - color: #a1a9b2; + font-size: 133px; + color: #a1a9b2; } .cptm-widget-thumb .cptm-widget-label { - font-size: 16px; - line-height: 18px; - font-weight: 400; - color: #141921; + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; } .cptm-placeholder-block-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; } .cptm-placeholder-block-wrapper:last-child { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block-wrapper .cptm-placeholder-block { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-placeholder-block-wrapper .cptm-widget-card-status { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - margin-top: 4px; - background: #f3f4f6; - border-radius: 8px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; } .cptm-placeholder-block-wrapper .cptm-widget-card-status span { - color: #747c89; + color: #747c89; } .cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { - background: #d2d6db; + background: #d2d6db; } .cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { - padding: 12px; - min-height: 62px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title { - -webkit-transform: unset !important; - transform: unset !important; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated { - z-index: 99999; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label { - top: 50%; - right: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 14px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card { - height: 32px; - padding: 0 10px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card { - padding: 0; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash { - margin-right: 8px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label { - right: 12px; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - font-size: 13px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label { - color: #4d5761; - font-weight: 400; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper { - overflow: visible !important; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging { - opacity: 0; + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + right: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-right: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + right: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; } .cptm-placeholder-block { - position: relative; - padding: 8px; - background: #a1a9b2; - border: 1px dashed #d2d6db; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; -} -.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open { - border-color: rgb(255, 255, 255); -} -.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { - opacity: 1; - visibility: visible; + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-placeholder-block.cptm-widget-picker-open { - z-index: 100; + z-index: 100; } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 14px; - font-weight: 500; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .dndrop-ghost.dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; } .dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-12 { - margin-bottom: 12px !important; + margin-bottom: 12px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - padding: 24px; - background-color: #fff; - border: 1.5px solid rgba(0, 17, 102, 0.1019607843); - border-top: none; - border-radius: 0 0 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + max-width: 450px; + margin: 0 auto; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .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 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100% !important; - max-width: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - border-radius: 0 4px 4px 0 !important; + height: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 0 4px 4px 0 !important; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - max-width: 100%; - border-radius: 4px 4px 0 0 !important; - } - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail { - min-height: 350px; - } -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container { - top: unset; - bottom: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container { - bottom: unset; - top: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img { - width: 22px; - height: 22px; - border-radius: 50%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap { - min-width: 100px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb { - width: 100%; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg { - width: 20px; - height: 20px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: unset; - -webkit-transform: unset; - transform: unset; - width: 20px; - height: 20px; - font-size: 12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body { - padding-top: 62px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar { - padding-top: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar { - position: relative; - top: -14px; - -webkit-transform: unset; - transform: unset; - padding-bottom: 12px; - z-index: 101; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-placeholder-block-wrapper { - -webkit-box-pack: unset; - -webkit-justify-content: unset; - -ms-flex-pack: unset; - justify-content: unset; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder { - padding: 0 !important; - width: 64px !important; - height: 64px !important; - min-width: 64px !important; - min-height: 64px !important; - max-width: 64px !important; - max-height: 64px !important; - border-radius: 50% !important; - background: transparent !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled { - border: none; - background: transparent; - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; - border-radius: 0 !important; - -webkit-transition: unset !important; - transition: unset !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card { - width: 100%; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb { - width: 64px; - height: 64px; - padding: 0; - margin: 0; - border-radius: 50%; - background-color: #ffffff; - border: 1px dashed #3e62f5; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - bottom: -12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label { - margin: 0; - font-size: 12px; - font-weight: 500; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] { - margin: 0 0 0 6px; - background-color: #ffffff; - border: 2px solid #a1a9b2; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked { - border: 5px solid #3e62f5; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.disabled { - background: #f3f4f6 !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container { - top: 100%; - right: 50%; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card .cptm-input-toggle-wrap .cptm-input-toggle { - padding: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card #avatar-toggle-user_avatar { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-preview-radio-area { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area { - gap: 0; - padding: 3px; - background: #f5f5f5; - border-radius: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item .cptm-radio-item-icon { - font-size: 20px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - color: #141921; - font-size: 12px; - font-weight: 500; - padding: 0 20px; - height: 30px; - line-height: 30px; - text-align: center; - background-color: transparent; - border-radius: 10px; - cursor: pointer; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio] { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio]:checked ~ label { - background-color: #ffffff; - color: #3e62f5; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); -} -.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title, -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title { - width: 100%; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right { - width: 140px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: 127px; + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 0 0 6px; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + right: 50%; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: auto; - } -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap { - padding: 0; + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; } .cptm-card-preview-widget .cptm-options-area { - position: absolute; - top: 38px; - right: unset; - left: 30px; - z-index: 100; + position: absolute; + top: 38px; + right: unset; + left: 30px; + z-index: 100; } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 100%; + position: relative; + height: 100%; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 16px; - position: relative; + display: block; + padding: 16px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 1; - position: absolute; - right: 0; - top: 0; - -webkit-transform: translate(-16px, -14px); - transform: translate(-16px, -14px); - -webkit-box-sizing: border-box; - box-sizing: border-box; + z-index: 1; + position: absolute; + right: 0; + top: 0; + -webkit-transform: translate(-16px, -14px); + transform: translate(-16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-listing-card-author-avatar .cptm-placeholder-block { - height: 64px; - width: 64px; - padding: 8px !important; - margin: 0 !important; - min-height: unset !important; - border-radius: 50% !important; - border: 1px dashed #a1a9b2; -} -.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label { - font-size: 14px; - line-height: 1.15; - font-weight: 500; - color: #141921; - background: transparent; - padding: 0; - border-radius: 0; - top: 16px; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .cptm-placeholder-author-thumb { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 32px; - height: 32px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: transparent; - border: 2px solid #fff; + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: absolute; - bottom: -18px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 22px; - height: 22px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + position: absolute; + bottom: -18px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { - color: #ffffff; - background: #d94a4a; + color: #ffffff; + background: #d94a4a; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { - position: absolute; - bottom: -10px; + position: absolute; + bottom: -10px; } .cptm-widget-title-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; } .cptm-widget-tagline-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 13px; - font-weight: 400; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 13px; + font-weight: 400; + color: #4d5761; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; } .cptm-form-group-info { - font-size: 12px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-card-preview-top-left { - width: calc(50% - 4px); - position: absolute; - top: 0; - right: 0; - z-index: 103; + width: calc(50% - 4px); + position: absolute; + top: 0; + right: 0; + z-index: 103; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right { - position: absolute; - left: 0; - top: 0; - width: calc(50% - 4px); - z-index: 103; + position: absolute; + left: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; } .cptm-card-preview-top-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 4px); - bottom: 0; - right: 0; - z-index: 102; + position: absolute; + width: calc(50% - 4px); + bottom: 0; + right: 0; + z-index: 102; } .cptm-card-preview-bottom-left .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 0; - left: 0; - width: calc(50% - 4px); - z-index: 102; + position: absolute; + bottom: 0; + left: 0; + width: calc(50% - 4px); + z-index: 102; } .cptm-card-preview-bottom-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-bottom-right .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; - border-bottom: unset; - border-top: 7px solid #ffffff; +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; } .cptm-card-preview-body .cptm-widget-option-modal-container, .cptm-card-preview-badges .cptm-widget-option-modal-container { - right: unset; - -webkit-transform: unset; - transform: unset; - left: calc(100% + 57px); + right: unset; + -webkit-transform: unset; + transform: unset; + left: calc(100% + 57px); } .grid-view-without-thumbnail .cptm-input-toggle { - width: 28px; - height: 16px; + width: 28px; + height: 16px; } .grid-view-without-thumbnail .cptm-input-toggle:after { - width: 12px; - height: 12px; - margin: 2px; + width: 12px; + height: 12px; + margin: 2px; } .grid-view-without-thumbnail .cptm-input-toggle.active::after { - -webkit-transform: translateX(calc(-1*(-100% - 4px))); - transform: translateX(calc(-1*(-100% - 4px))); + -webkit-transform: translateX(calc(-1 * (-100% - 4px))); + transform: translateX(calc(-1 * (-100% - 4px))); } .grid-view-without-thumbnail .cptm-card-preview-widget-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .grid-view-without-thumbnail .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-placeholder-top { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - } -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block { - padding-bottom: 32px !important; -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash { - left: 0; + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + left: 0; } .grid-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block { - min-height: 48px !important; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder { - min-height: 160px !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; } .grid-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .grid-view-without-thumbnail .cptm-listing-card-author-avatar { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; } .grid-view-without-thumbnail .cptm-listing-card-quick-actions { - width: 135px; + width: 135px; } .grid-view-without-thumbnail .cptm-listing-card-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title { - width: 100%; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap { - padding: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 14px; - line-height: 19px; - font-weight: 600; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area { - padding: 8px; - background: #fff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .list-view-without-thumbnail .cptm-card-preview-widget-content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .list-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .list-view-without-thumbnail .cptm-listing-card-preview-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block { - min-height: 60px !important; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title { - width: 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: 127px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: auto; - } + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } } .list-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; } .list-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .cptm-card-placeholder-top { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 22px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 16px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; } .cptm-listing-card-preview-footer .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { - font-size: 12px; - font-weight: 400; - gap: 4px; - width: 100%; - height: 32px; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { - height: 100%; + height: 100%; } .cptm-card-preview-footer-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-footer-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-body-placeholder { - padding: 12px 12px 32px; - min-height: 160px !important; - border-color: #a1a9b2; + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #141921; + color: #141921; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - color: #141921; - background: #ffffff; - height: 42px; - font-size: 14px; - line-height: 1.15; - font-weight: 500; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { - background: #f3f4f6; - border-color: #d2d6db; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions { - opacity: 1; - visibility: visible; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit { - background: #e5e7eb; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap { - width: 100%; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon { - font-size: 20px; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - border-radius: 100%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span { - font-size: 20px; - color: #141921; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active { - background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: right; -} -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - width: 100%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: right; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-widget-preview-area .cptm-widget-preview-card { - position: relative; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions { - position: absolute; - bottom: 100%; - right: 50%; - -webkit-transform: translate(50%, -7px); - transform: translate(50%, -7px); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 6px 12px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 1; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before { - content: ""; - border-top: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - bottom: -7px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link { - width: auto; - height: auto; - border: none; - background: transparent; - color: #141921; - cursor: pointer; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus { - background: transparent; - color: #3e62f5; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover { - color: #3e62f5; + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + right: 50%; + -webkit-transform: translate(50%, -7px); + transform: translate(50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + bottom: -7px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; } .widget-drag-handle { - cursor: move; + cursor: move; } .cptm-card-light.cptm-placeholder-block { - border-color: #d2d6db; - background: #f9fafb; + border-color: #d2d6db; + background: #f9fafb; } -.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 600; - color: #141921; - margin-bottom: 8px; + display: block; + font-size: 14px; + font-weight: 600; + color: #141921; + margin-bottom: 8px; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-form-group-tab-list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 6px; - list-style: none; - background: #fff; - border: 1px solid #e5e7eb; - border-radius: 100px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; } .cptm-form-group-tab-list .cptm-form-group-tab-item { - margin: 0; + margin: 0; } .cptm-form-group-tab-list .cptm-form-group-tab-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - padding: 0 16px; - border-radius: 100px; - margin: 0; - cursor: pointer; - background-color: #ffffff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - color: #4d5761; - font-weight: 500; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; } .cptm-form-group-tab-list .cptm-form-group-tab-link:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - background-color: #d8e0fd; - color: #3e62f5; + background-color: #d8e0fd; + color: #3e62f5; } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -webkit-gradient( + linear, + right top, + right bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .cptm-input-toggle-wrap.cptm-input-toggle-left { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 14px; - height: calc(100% - 6px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 3px 4px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 8px))); - transform: translateX(calc(-1*(-100% - 8px))); + right: 100%; + -webkit-transform: translateX(calc(-1 * (-100% - 8px))); + transform: translateX(calc(-1 * (-100% - 8px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; } +.form-repeater__remove-btn, .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .cptm-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; } @media (max-width: 960px) { - .cptm-modal-overlay { - width: 100%; - } + .cptm-modal-overlay { + width: 100%; + } } .cptm-modal-overlay .cptm-modal-container { - display: block; - height: auto; - position: absolute; - top: 50%; - right: 50%; - left: unset; - bottom: unset; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - overflow: visible; + display: block; + height: auto; + position: absolute; + top: 50%; + right: 50%; + left: unset; + bottom: unset; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + overflow: visible; } @media (max-width: 767px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 400px; - height: 225px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } } @media (max-width: 575px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 300px; - height: 175px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } } .cptm-modal-content { - position: relative; + position: relative; } .cptm-modal-content .cptm-modal-video video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .cptm-modal-content .cptm-modal-image .cptm-modal-image__img { - max-height: calc(100vh - 200px); + max-height: calc(100vh - 200px); } .cptm-modal-content .cptm-modal-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: auto; - width: 724px; - max-height: calc(100vh - 200px); - background: #fff; - padding: 30px 70px; - border-radius: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - padding: 0 16px; - height: 40px; - color: #000; - background: #ededed; - border: 1px solid #ededed; - border-radius: 8px; -} -.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-content__close-btn { - position: absolute; - top: 0; - left: -42px; - width: 36px; - height: 36px; - color: #000; - background: #fff; - font-size: 15px; - border: none; - border-radius: 100%; - cursor: pointer; + position: absolute; + top: 0; + left: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 12px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 999999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 999999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 70px 54px 70px 30px; - background: #f9fafb; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 54px 70px 30px; + background: #f9fafb; } @media (max-width: 1199px) { - .cptm-preview-placeholder { - margin-left: 0; - } + .cptm-preview-placeholder { + margin-left: 0; + } } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder { - border: none; - max-width: 100%; - padding: 0; - margin: 0; - background: transparent; - } + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } } .cptm-preview-placeholder__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 20px; - padding: 20px; - background: #ffffff; - border-radius: 6px; - border: 1.5px solid #e5e7eb; - -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 12px; - border-radius: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border: 1.5px dashed #d2d6db; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: auto; - background: unset; - border: none; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; } .cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge { - font-size: 12px; - line-height: 18px; - color: #1f2937; - min-height: 32px; - background-color: #ffffff; - border-radius: 6px; - border: 1.15px solid #e5e7eb; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; } .cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { - display: none; + display: none; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 14px; - font-weight: 500; + color: #868eae; + font-size: 14px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - min-height: 35px; - padding: 0 13px; - border-radius: 4px; - font-size: 13px; - line-height: 18px; - font-weight: 500; - color: #383f47; - background-color: #e5e7eb; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - font-size: 12px; - line-height: 15px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } } .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { - padding: 0; - background: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 22px; + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 18px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } } .cptm-preview-placeholder__card__box.listing-title-placeholder { - padding: 13px 8px; + padding: 13px 8px; } .cptm-preview-placeholder__card__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 8px; - border-radius: 4px; - border: 1.5px dashed #d2d6db; + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; } .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 50px; - text-align: center; - height: 240px; - background: #e5e7eb; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - padding: 30px; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg { - height: 100px; - width: 100px; - } -} -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 10px; + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; - border: 1px solid #e5e7eb; - border-radius: 8px; - padding: 16px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-left: 8px; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 20px; - color: #747c89; - margin-top: 15px; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-preview-placeholder--settings-closed { - max-width: 700px; - margin: 0 auto; + max-width: 700px; + margin: 0 auto; } @media (max-width: 1199px) { - .cptm-preview-placeholder--settings-closed { - max-width: 100%; - } + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 12px; - font-weight: 400; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul:empty { - position: relative; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist_dropdown .directorist_dropdown-option ul:empty:before { - content: "No Items Found"; + content: "No Items Found"; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } .cptm-import-directory-modal .cptm-info-text { - padding: 4px 8px; - height: auto; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-import-directory-modal .cptm-info-text > b { - margin-left: 4px; + margin-left: 4px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 212px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .enable_single_listing_page .cptm-title-area { - margin: 30px 0; + margin: 30px 0; } .enable_single_listing_page .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 600; - color: #0a0a0a; + font-size: 20px; + font-weight: 600; + color: #0a0a0a; } .enable_single_listing_page .cptm-title-area .cptm-des { - font-size: 14px; - color: #737373; - margin-top: 6px; + font-size: 14px; + color: #737373; + margin-top: 6px; } .enable_single_listing_page .cptm-input-toggle-content h3 { - font-size: 14px; - font-weight: 600; - color: #2c3239; - margin: 0 0 6px; + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; } .enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .enable_single_listing_page .cptm-form-group { - margin-bottom: 40px; + margin-bottom: 40px; } .enable_single_listing_page .cptm-form-group--dropdown { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - font-weight: 500; - margin-top: 6px; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { - color: #3e62f5; + color: #3e62f5; } .enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { - border-radius: 4px; - border-color: #d2d6db; + border-radius: 4px; + border-color: #d2d6db; } -.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown .directorist_dropdown-toggle { - line-height: 1.4; - min-height: 40px; +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; } .enable_single_listing_page .cptm-input-toggle { - width: 44px; - height: 22px; + width: 44px; + height: 22px; } .cptm-form-group--api-select-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - background-color: #e5e5e5; - border-radius: 4px; - margin: 0 auto 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; } .cptm-form-group--api-select-icon span.la { - font-size: 22px; - color: #0a0a0a; + font-size: 22px; + color: #0a0a0a; } .cptm-form-group--api-select h4 { - font-size: 16px; - color: #171717; + font-size: 16px; + color: #171717; } .cptm-form-group--api-select p { - color: #737373; + color: #737373; } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #0a0a0a; - border: 1px solid #d4d4d4; - border-radius: 8px; - padding: 8.5px 16.5px; - margin: 0 auto; - background-color: #fff; - cursor: pointer; - -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { - font-size: 16px; - color: #0a0a0a; - margin-left: 8px; + font-size: 16px; + color: #0a0a0a; + margin-left: 8px; } .cptm-form-title-field { - margin-bottom: 16px; + margin-bottom: 16px; } .cptm-form-title-field .cptm-form-title-field__label { - font-size: 14px; - font-weight: 600; - color: #000000; - margin: 0 0 4px; + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; } .cptm-form-title-field .cptm-form-title-field__description { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .cptm-form-title-field .cptm-form-title-field__description a { - color: #345af4; + color: #345af4; } .cptm-elements-settings { - width: 100%; - max-width: 372px; - padding: 0 20px; - scrollbar-width: 6px; - border-left: 1px solid #e5e7eb; - scrollbar-color: #d2d6db #f3f4f6; + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-left: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; } @media only screen and (max-width: 1199px) { - .cptm-elements-settings { - max-width: 100%; - } + .cptm-elements-settings { + max-width: 100%; + } } @media only screen and (max-width: 782px) { - .cptm-elements-settings { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .cptm-elements-settings { - border: none; - padding: 0; - } + .cptm-elements-settings { + border: none; + padding: 0; + } } .cptm-elements-settings__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 18px 0 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; } .cptm-elements-settings__header__title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; - margin: 0; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; } .cptm-elements-settings__group { - padding: 20px 0; - border-bottom: 1px solid #e5e7eb; + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; } .cptm-elements-settings__group .dndrop-draggable-wrapper { - position: relative; - overflow: visible !important; + position: relative; + overflow: visible !important; } .cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-elements-settings__group:last-child { - border-bottom: none; + border-bottom: none; } .cptm-elements-settings__group__title { - display: block; - font-size: 12px; - font-weight: 500; - letter-spacing: 0.48px; - color: #747c89; - margin-bottom: 15px; + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; } .cptm-elements-settings__group__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px; - border-radius: 4px; - background: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; } .cptm-elements-settings__group__single:hover { - border-color: #3e62f5; + border-color: #3e62f5; } .cptm-elements-settings__group__single .drag-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 16px; - color: #747c89; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-elements-settings__group__single .drag-icon:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-elements-settings__group__single__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #383f47; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; } .cptm-elements-settings__group__single__label__icon { - color: #4d5761; - font-size: 24px; + color: #4d5761; + font-size: 24px; } @media only screen and (max-width: 480px) { - .cptm-elements-settings__group__single__label__icon { - font-size: 20px; - } + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } } .cptm-elements-settings__group__single__action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 12px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-elements-settings__group__single__edit { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-elements-settings__group__single__edit__icon { - font-size: 20px; - color: #4d5761; + font-size: 20px; + color: #4d5761; } .cptm-elements-settings__group__single__edit--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__single__switch label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - position: relative; - width: 32px; - height: 18px; - cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; } .cptm-elements-settings__group__single__switch label::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-color: #d2d6db; - border-radius: 30px; - -webkit-transition: all 0.3s; - transition: all 0.3s; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .cptm-elements-settings__group__single__switch label::after { - content: ""; - position: absolute; - top: 3px; - right: 3px; - width: 12px; - height: 12px; - background-color: #ffffff; - border-radius: 50%; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} -.cptm-elements-settings__group__single__switch input[type=checkbox] { - display: none; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before { - background-color: #3e62f5; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after { - -webkit-transform: translateX(-14px); - transform: translateX(-14px); + content: ""; + position: absolute; + top: 3px; + right: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(-14px); + transform: translateX(-14px); } .cptm-elements-settings__group__single--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__options { - position: absolute; - width: 100%; - top: 42px; - right: 0; - z-index: 1; - padding-bottom: 20px; + position: absolute; + width: 100%; + top: 42px; + right: 0; + z-index: 1; + padding-bottom: 20px; } .cptm-elements-settings__group__options .cptm-option-card { - margin: 0; - background: #fff; - -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); } .cptm-elements-settings__group__options .cptm-option-card:before { - left: 60px; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header { - padding: 0; - border-radius: 8px 8px 0 0; - background: transparent; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section { - padding: 16px; - min-height: auto; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title { - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - padding: 0; - color: #4d5761; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 16px; - background: transparent; - border-top: 1px solid #e5e7eb; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group { - margin-bottom: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label { - font-size: 13px; - font-weight: 500; + left: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; } .cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { - margin-bottom: 8px; + margin-bottom: 8px; } -.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child { - margin-bottom: 0; +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; } .cptm-shortcode-generator { - max-width: 100%; + max-width: 100%; } .cptm-shortcode-generator .cptm-generate-shortcode-button { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 9px 20px; - margin: 0; - background-color: #fff; - color: #3e62f5; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; } .cptm-shortcode-generator .cptm-generate-shortcode-button:hover { - color: #fff; + color: #fff; } .cptm-shortcode-generator .cptm-generate-shortcode-button i { - font-size: 14px; + font-size: 14px; } .cptm-shortcode-generator .cptm-shortcodes-wrapper { - margin-top: 20px; + margin-top: 20px; } .cptm-shortcode-generator .cptm-shortcodes-box { - position: relative; - background-color: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 4px; - padding: 10px 12px; + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; } .cptm-shortcode-generator .cptm-copy-icon-button { - position: absolute; - top: 12px; - left: 12px; - background: transparent; - border: none; - cursor: pointer; - padding: 8px; - color: #555; - font-size: 18px; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; - z-index: 10; + position: absolute; + top: 12px; + left: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; } .cptm-shortcode-generator .cptm-copy-icon-button:hover { - color: #000; + color: #000; } .cptm-shortcode-generator .cptm-copy-icon-button:focus { - outline: 2px solid #0073aa; - outline-offset: 2px; - border-radius: 4px; + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; } .cptm-shortcode-generator .cptm-shortcodes-content { - padding-left: 40px; + padding-left: 40px; } .cptm-shortcode-generator .cptm-shortcode-item { - margin: 0; - padding: 2px 6px; - font-size: 14px; - color: #000000; - line-height: 1.6; + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; } .cptm-shortcode-generator .cptm-shortcode-item:hover { - background-color: #e5e7eb; + background-color: #e5e7eb; } .cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .cptm-shortcode-generator .cptm-shortcodes-footer { - margin-top: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 12px; - color: #747c89; + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-text { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-separator { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-regenerate-link { - color: #3e62f5; - text-decoration: none; - font-weight: 500; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; } .cptm-shortcode-generator .cptm-regenerate-link:hover { - color: #3e62f5; - text-decoration: underline; + color: #3e62f5; + text-decoration: underline; } .cptm-shortcode-generator .cptm-regenerate-link:focus { - outline: 2px solid #3e62f5; - outline-offset: 2px; - border-radius: 2px; + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; } .cptm-shortcode-generator .cptm-no-shortcodes { - margin-top: 12px; + margin-top: 12px; } .cptm-shortcode-generator .cptm-form-group-info { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .cptm-theme-butterfly .cptm-info-text { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .icon-picker { - position: fixed; - background-color: rgba(0, 0, 0, 0.35); - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9999; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + position: fixed; + background-color: rgba(0, 0, 0, 0.35); + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 9999; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .icon-picker__inner { - width: 935px; - position: absolute; - top: 50%; - right: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background: white; - height: 800px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - overflow: hidden; - border-radius: 6px; + width: 935px; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + background: white; + height: 800px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + border-radius: 6px; } .icon-picker__close { - width: 34px; - height: 34px; - border-radius: 50%; - background-color: #5A5F7D; - color: #fff; - font-size: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - left: 20px; - top: 23px; - z-index: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + width: 34px; + height: 34px; + border-radius: 50%; + background-color: #5a5f7d; + color: #fff; + font-size: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + left: 20px; + top: 23px; + z-index: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .icon-picker__close:hover { - color: #fff; - background-color: #222; + color: #fff; + background-color: #222; } .icon-picker__sidebar { - width: 30%; - background-color: #eff0f3; - padding: 30px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 30%; + background-color: #eff0f3; + padding: 30px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .icon-picker__content { - width: 70%; - overflow: auto; + width: 70%; + overflow: auto; } .icon-picker__content .icons-group { - padding-top: 80px; + padding-top: 80px; } .icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - background-color: #ffffff; - padding: 33px 20px 27px 0; - border-bottom: 1px solid #E3E6EF; - margin: 0; - position: absolute; - right: 30%; - top: 0; - width: 70%; + font-size: 16px; + font-weight: 500; + color: #272b41; + background-color: #ffffff; + padding: 33px 20px 27px 0; + border-bottom: 1px solid #e3e6ef; + margin: 0; + position: absolute; + right: 30%; + top: 0; + width: 70%; } .icon-picker__content .icons-group-icons { - padding: 17px 17px 17px 0; + padding: 17px 17px 17px 0; } .icon-picker__content .icons-group-icons .font-icon-btn { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 5px 3px; - width: 70px; - height: 70px; - background-color: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - font-size: 18px !important; - border: 0 none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 5px 3px; + width: 70px; + height: 70px; + background-color: #f4f5f7; + border-radius: 5px; + font-size: 24px; + color: #868eae; + font-size: 18px !important; + border: 0 none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background-color: #3e62f5; - color: #fff; - font-size: 30px; - -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - border: 1px solid #E3E6EF; + background-color: #3e62f5; + color: #fff; + font-size: 30px; + -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + border: 1px solid #e3e6ef; } .icon-picker__filter { - margin-bottom: 30px; + margin-bottom: 30px; } .icon-picker__filter label { - font-size: 14px; - font-weight: 500; - margin-bottom: 8px; - display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 8px; + display: block; } .icon-picker__filter input, .icon-picker__filter select { - color: #797d93; - font-size: 14px; - height: 44px; - border: 1px solid #E3E6EF; - border-radius: 4px; - padding: 0 15px; - width: 100%; + color: #797d93; + font-size: 14px; + height: 44px; + border: 1px solid #e3e6ef; + border-radius: 4px; + padding: 0 15px; + width: 100%; } .icon-picker__filter input::-webkit-input-placeholder { - color: #797d93; + color: #797d93; } .icon-picker__filter input::-moz-placeholder { - color: #797d93; + color: #797d93; } .icon-picker__filter input:-ms-input-placeholder { - color: #797d93; + color: #797d93; } .icon-picker__filter input::-ms-input-placeholder { - color: #797d93; + color: #797d93; } .icon-picker__filter input::placeholder { - color: #797d93; + color: #797d93; } -.icon-picker__filter select:hover, .icon-picker__filter select:focus { - color: #797d93; +.icon-picker__filter select:hover, +.icon-picker__filter select:focus { + color: #797d93; } .icon-picker.icon-picker-visible { - visibility: visible; - opacity: 1; - pointer-events: auto; + visibility: visible; + opacity: 1; + pointer-events: auto; } .icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; + font-size: 80px; + color: #272b41; + display: block !important; + text-align: center; } .icon-picker__preview-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 15px; } .icon-picker__done-btn { - display: block !important; - width: 100%; - margin: 35px 0 0 0 !important; + display: block !important; + width: 100%; + margin: 35px 0 0 0 !important; } .directorist-type-icon-select label { - font-size: 14px; - font-weight: 500; - display: block; - margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + display: block; + margin-bottom: 10px; } .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 -10px; } .icon-picker-selector__icon { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 10px; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 10px; } .icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - right: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 15px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .icon-picker-selector__icon .cptm-form-control { - pointer-events: none; + pointer-events: none; } .icon-picker-selector__icon__reset { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + padding: 5px 15px; } .icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background-color: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; + margin: 0 10px; + height: 40px; + background-color: #dadce0; + border-radius: 4px; + border: 0 none; + font-weight: 500; + padding: 0 30px; + cursor: pointer; } .directorist-category-icon-picker { - margin-top: 10px; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-top: 10px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-category-icon-picker .icon-picker-selector { - width: 100%; + width: 100%; } /* Responsive fix */ @media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } + .icon-picker__inner { + width: 825px; + height: 660px; + } } @media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } + .icon-picker__inner { + width: 615px; + height: 500px; + } } @media only screen and (max-width: 767px) { - .icon-picker__inner { - width: 500px; - height: 450px; - } + .icon-picker__inner { + width: 500px; + height: 450px; + } } @media only screen and (max-width: 575px) { - .icon-picker__inner { - display: block; - width: calc(100% - 30px); - overflow: scroll; - } - .icon-picker__sidebar, - .icon-picker__content { - width: auto; - } - .icon-picker__content .icons-group-icons .font-icon-btn { - width: 55px; - height: 55px; - font-size: 16px; - } -} -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-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-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-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .icon-picker__inner { + display: block; + width: calc(100% - 30px); + overflow: scroll; + } + .icon-picker__sidebar, + .icon-picker__content { + width: auto; + } + .icon-picker__content .icons-group-icons .font-icon-btn { + width: 55px; + height: 55px; + font-size: 16px; + } +} +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light:visited, +.cptm-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-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-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 0; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 0; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - position: relative; - width: calc(100% + 20px); - top: -10px; - right: -10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-directory-type-top { + position: relative; + width: calc(100% + 20px); + top: -10px; + right: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-top { - padding: 10px 30px; - } + .directorist-directory-type-top { + padding: 10px 30px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 24px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-webkit-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-moz-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control:-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::-ms-input-placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-type-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 15px; - font-weight: 600; - color: #141921; - line-height: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 15px; + font-weight: 600; + color: #141921; + line-height: 16px; } .directorist-type-name span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .directorist-type-name-editable span { - font-size: 20px; - color: #747c89; + font-size: 20px; + color: #747c89; } .directorist-type-name-editable span:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-bottom { - position: fixed; - bottom: 0; - left: 20px; - width: calc(100% - 204px); - height: calc(100% - 115px); - overflow-y: auto; - z-index: 1; - background: white; - margin-top: 67px; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + position: fixed; + bottom: 0; + left: 20px; + width: calc(100% - 204px); + height: calc(100% - 115px); + overflow-y: auto; + z-index: 1; + background: white; + margin-top: 67px; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom { - position: unset; - width: 100%; - height: auto; - overflow-y: visible; - margin-top: 20px; - } - .directorist-directory-type-bottom .atbdp-cptm-body { - margin: 0 20px 20px !important; - } + .directorist-directory-type-bottom { + position: unset; + width: 100%; + height: auto; + overflow-y: visible; + margin-top: 20px; + } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin: 0 20px 20px !important; + } } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 113px; - width: calc(100% - 202px); - background: #ffffff; - border: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - border-radius: 8px 8px 0 0; - overflow-x: auto; - z-index: 100; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: fixed; + left: 20px; + top: 113px; + width: calc(100% - 202px); + background: #ffffff; + border: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + border-radius: 8px 8px 0 0; + overflow-x: auto; + z-index: 100; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 1024px) { - .directorist-directory-type-bottom .cptm-header-navigation { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: 100%; - border: none; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: 100%; + border: none; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 72px; + position: relative; + margin-top: 72px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 40px); - } + .wp-admin.folded .directorist-directory-type-top { + width: calc(100% - 40px); + } } .wp-admin.folded .directorist-directory-type-bottom { - width: calc(100% - 80px); + width: calc(100% - 80px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 78px); + width: calc(100% - 78px); } @media only screen and (max-width: 782px) { - .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: 100%; - border-width: 0 0 1px 0; - } + .wp-admin.folded + .directorist-directory-type-bottom + .cptm-header-navigation { + width: 100%; + border-width: 0 0 1px 0; + } } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-bottom: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 26px; } .directorist-form-action__modal-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-transform: capitalize; } .directorist-form-action__modal-btn svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__modal-btn:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-action__view { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - width: 30px; - height: 30px; - border-radius: 6px; - border: 1px solid #e5e7eb; - background: transparent; - color: #4d5761; - text-align: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + width: 30px; + height: 30px; + border-radius: 6px; + border: 1px solid #e5e7eb; + background: transparent; + color: #4d5761; + text-align: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-action__view svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-action__view:hover { - color: #217aef; - background: #eff8ff; - border-color: #bee3ff; + color: #217aef; + background: #eff8ff; + border-color: #bee3ff; } .directorist-form-action__view:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 14px 20px; - border-radius: 4px; - margin: 16px 0 0; - text-align: center; - font-size: 14px; - font-weight: 500; - color: #747c89; - background-color: #f9fafb; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + display: block; + padding: 14px 20px; + border-radius: 4px; + margin: 16px 0 0; + text-align: center; + font-size: 14px; + font-weight: 500; + color: #747c89; + background-color: #f9fafb; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; + -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-field-drop-area:first-child { - margin-top: 0; + margin-top: 0; } .cptm-form-builder-group-field-drop-area.drag-enter { - color: #3e62f5; - background-color: #d8e0fd; - border-color: #3e62f5; + color: #3e62f5; + background-color: #d8e0fd; + border-color: #3e62f5; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -webkit-transition: ease-in-out all 300ms; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -webkit-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - color: #4d5761; - font-weight: 500; - padding: 24px 0; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + color: #4d5761; + font-weight: 500; + padding: 24px 0; + position: relative; } @media only screen and (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 16px 0; - } + .cptm-header-nav__list-item-link { + padding: 16px 0; + } } .cptm-header-nav__list-item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: calc(100% + 55px); - height: 3px; - background-color: transparent; - border-radius: 2px 2px 0 0; + content: ""; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: calc(100% + 55px); + height: 3px; + background-color: transparent; + border-radius: 2px 2px 0 0; } .cptm-header-nav__list-item-link .cptm-header-nav__icon { - font-size: 24px; + font-size: 24px; } .cptm-header-nav__list-item-link.active { - font-weight: 600; + font-weight: 600; } .cptm-header-nav__list-item-link.active:before { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon, .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-header-nav__label { - display: block; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - width: 100%; - display: block; - background-color: #fff; + width: 100%; + display: block; + background-color: #fff; } .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 92px; + margin-top: 92px; } @media only screen and (max-width: 782px) { - .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { - margin-top: 20px; - } + .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header { + margin-top: 20px; + } } .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation { - width: auto; - max-width: 658px; - margin: 0 auto; - gap: 16px; - padding: 0; - border-radius: 8px 8px 0 0; - border: 1px solid #e5e7eb; - background: #f9fafb; - border-bottom: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link { - height: 47px; - padding: 0 8px; - border: none; - border-radius: 0; - position: relative; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before { - content: ""; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - height: 3px; - background: transparent; - border-radius: 2px 2px 0 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active { - color: #3e62f5; - background: transparent; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path { - stroke: #3e62f5; -} -.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before { - background: #3e62f5; + width: auto; + max-width: 658px; + margin: 0 auto; + gap: 16px; + padding: 0; + border-radius: 8px 8px 0 0; + border: 1px solid #e5e7eb; + background: #f9fafb; + border-bottom: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link { + height: 47px; + padding: 0 8px; + border: none; + border-radius: 0; + position: relative; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + width: 100%; + height: 3px; + background: transparent; + border-radius: 2px 2px 0 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active { + color: #3e62f5; + background: transparent; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover + svg + path, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active + svg + path { + stroke: #3e62f5; +} +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link:hover:before, +.atbdp-cptm-tab-contents + .listings_card_layout + .cptm-sub-navigation + .cptm-sub-nav__item-link.active:before { + background: #3e62f5; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - max-width: 100%; - margin: 82px auto 0; + position: relative; + background: transparent; + max-width: 100%; + margin: 82px auto 0; } @media only screen and (max-width: 782px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-tab-content-header__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - left: 32px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 11; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + left: 32px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 11; } @media only screen and (max-width: 991px) { - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 25px; - } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 25px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 70px; - margin-top: 20px; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - top: 0; - -webkit-transform: unset; - transform: unset; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 70px; + margin-top: 20px; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + top: 0; + -webkit-transform: unset; + transform: unset; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin-top: 0; - } - .cptm-tab-content-header .cptm-tab-content-header__action { - left: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin-top: 0; + } + .cptm-tab-content-header .cptm-tab-content-header__action { + left: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 600px; + max-width: 600px; } .cptm-tab-content.tab-full-width { - max-width: 100%; + max-width: 100%; } .cptm-tab-content.cptm-tab-content-general { - top: 32px; - padding: 32px 30px 0; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin: 0 auto 70px; + top: 32px; + padding: 32px 30px 0; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin: 0 auto 70px; } @media only screen and (max-width: 960px) { - .cptm-tab-content.cptm-tab-content-general { - max-width: 100%; - margin: 0 20px 52px; - } + .cptm-tab-content.cptm-tab-content-general { + max-width: 100%; + margin: 0 20px 52px; + } } @media only screen and (max-width: 782px) { - .cptm-tab-content.cptm-tab-content-general { - margin: 0; - } + .cptm-tab-content.cptm-tab-content-general { + margin: 0; + } } @media only screen and (max-width: 480px) { - .cptm-tab-content.cptm-tab-content-general { - top: 0; - } + .cptm-tab-content.cptm-tab-content-general { + top: 0; + } } .cptm-tab-content.cptm-tab-content-general .cptm-section:not(last-child) { - margin-bottom: 50px; + margin-bottom: 50px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - z-index: 10; + position: relative; + z-index: 10; } .cptm-section.cptm-section--disabled .cptm-builder-section { - opacity: 0.6; - pointer-events: none; + opacity: 0.6; + pointer-events: none; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 400px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 400px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.single_listing_header { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } -.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action { - position: absolute; - left: 0; - top: 0; - margin: 0; +.cptm-section.search_form_fields .directorist-form-action, +.cptm-section.submission_form_fields .directorist-form-action { + position: absolute; + left: 0; + top: 0; + margin: 0; } .cptm-section.preview_mode { - position: absolute; - left: 24px; - bottom: 18px; - width: calc(100% - 420px); - padding: 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 8px; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + position: absolute; + left: 24px; + bottom: 18px; + width: calc(100% - 420px); + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } @media only screen and (min-width: 1441px) { - .cptm-section.preview_mode { - width: calc(65% - 49px); - } + .cptm-section.preview_mode { + width: calc(65% - 49px); + } } @media only screen and (max-width: 1024px) { - .cptm-section.preview_mode { - width: calc(100% - 49px); - } + .cptm-section.preview_mode { + width: calc(100% - 49px); + } } @media only screen and (max-width: 480px) { - .cptm-section.preview_mode { - width: 100%; - position: unset; - margin-top: 20px; - } + .cptm-section.preview_mode { + width: 100%; + position: unset; + margin-top: 20px; + } } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } .cptm-section.preview_mode .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-section.preview_mode .directorist-footer-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 12px; - padding: 10px 16px; - background-color: #f5f6f7; - border: 1px solid #e5e7eb; - border-radius: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 12px; + padding: 10px 16px; + background-color: #f5f6f7; + border: 1px solid #e5e7eb; + border-radius: 6px; } @media only screen and (max-width: 575px) { - .cptm-section.preview_mode .directorist-footer-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .cptm-section.preview_mode .directorist-footer-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-section.preview_mode .directorist-footer-wrap .directorist-input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 32px; - font-size: 12px; - font-weight: 500; - color: #4d5761; - border-color: #e5e7eb; - background-color: #ffffff; - border-radius: 6px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32px; + font-size: 12px; + font-weight: 500; + color: #4d5761; + border-color: #e5e7eb; + background-color: #ffffff; + border-radius: 6px; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-btn:hover + .cptm-save-icon { + opacity: 1; + visibility: visible; } -.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { - opacity: 1; - visibility: visible; +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, +.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after { + opacity: 1; + visibility: visible; } .cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group { - margin: 0; -} -.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control { - height: 32px; - padding: 0 20px; - font-size: 12px; - font-weight: 500; - color: #4d5761; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - max-width: 658px; - margin: 0 auto; - padding: 24px; - margin-bottom: 32px; - border-radius: 0 0 8px 8px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + margin: 0; +} +.cptm-section.preview_mode + .directorist-footer-wrap + .cptm-form-group + .cptm-form-control { + height: 32px; + padding: 0 20px; + font-size: 12px; + font-weight: 500; + color: #4d5761; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, +.cptm-section.listings_card_list_view .cptm-form-field-wrapper { + max-width: 658px; + margin: 0 auto; + padding: 24px; + margin-bottom: 32px; + border-radius: 0 0 8px 8px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper { - padding: 16px; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area { - max-width: 100%; - padding: 12px 20px; - margin-bottom: 16px; - background: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field { - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; + .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, + .cptm-section.listings_card_list_view .cptm-form-field-wrapper { + padding: 16px; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area { + max-width: 100%; + padding: 12px 20px; + margin-bottom: 16px; + background: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area + .tab-field { + margin: 0; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; } @media only screen and (max-width: 480px) { - .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title { - font-size: 14px; - line-height: 19px; - font-weight: 500; - color: #141921; - margin: 0 0 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description { - font-size: 12px; - line-height: 16px; - font-weight: 400; - color: #4d5761; - margin: 0; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget { - max-width: unset; - padding: 0; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content { - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header { - position: relative; - height: 328px; - padding: 16px 16px 24px; - background: #e5e7eb; - border-radius: 4px 4px 0 0; - -webkit-box-shadow: unset; - box-shadow: unset; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block { - max-width: 100%; - background: #f3f4f6; - border: 1px dashed #d2d6db; - border-radius: 4px; - min-height: 72px; - padding-bottom: 32px; -} -.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - padding: 0; - border: none; - background: transparent; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link { - position: relative; - height: unset; - padding: 8px 40px 8px 26px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before { - content: ""; - position: absolute; - top: 50%; - right: 12px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 50%; - border: 2px solid #a1a9b2; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg { - border: 1px solid #d2d6db; - border-radius: 4px; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before { - border: 5px solid #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg { - border-color: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type { - stroke: #3e62f5; - fill: #3e62f5; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path { - fill: #fff; -} -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, -.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect { - fill: #3e62f5; - stroke: unset; + .cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content, + .cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-title { + font-size: 14px; + line-height: 19px; + font-weight: 500; + color: #141921; + margin: 0 0 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-top-area-content + .cptm-card-layout-description { + font-size: 12px; + line-height: 16px; + font-weight: 400; + color: #4d5761; + margin: 0; +} +.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget { + max-width: unset; + padding: 0; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08); +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-card-preview-widget-content { + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header { + position: relative; + height: 328px; + padding: 16px 16px 24px; + background: #e5e7eb; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: unset; + box-shadow: unset; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-card-preview-widget + .cptm-listing-card-preview-header + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block { + max-width: 100%; + background: #f3f4f6; + border: 1px dashed #d2d6db; + border-radius: 4px; + min-height: 72px; + padding-bottom: 32px; +} +.cptm-section.listings_card_grid_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container, +.cptm-section.listings_card_list_view + .cptm-form-field-wrapper + .cptm-placeholder-block + .cptm-widget-preview-container { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, +.cptm-section.listings_card_list_view .cptm-form-group-tab-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + padding: 0; + border: none; + background: transparent; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link { + position: relative; + height: unset; + padding: 8px 40px 8px 26px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link:before { + content: ""; + position: absolute; + top: 50%; + right: 12px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid #a1a9b2; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link + svg { + border: 1px solid #d2d6db; + border-radius: 4px; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active:before { + border: 5px solid #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg { + border-color: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + rect:first-of-type { + stroke: #3e62f5; + fill: #3e62f5; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .cptm-form-group-tab-link.active + svg + path { + fill: #fff; +} +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_grid_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .grid_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect, +.cptm-section.listings_card_list_view + .cptm-form-group-tab-list + .list_view_without_thumbnail + .cptm-form-group-tab-link.active + svg + rect { + fill: #3e62f5; + stroke: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget { - -webkit-box-shadow: unset; - box-shadow: unset; + -webkit-box-shadow: unset; + box-shadow: unset; } .cptm-section.listings_card_grid_view .cptm-card-preview-widget-content { - border-radius: 10px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + border-radius: 10px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-section.listings_card_list_view .cptm-card-top-area { - max-width: unset; + max-width: unset; } .cptm-section.listings_card_list_view .cptm-card-preview-thumbnail { - border-radius: 10px; + border-radius: 10px; } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @media only screen and (max-width: 1024px) { - .cptm-form-builder { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 30px; - } - .cptm-form-builder .cptm-form-builder-sidebar { - max-width: 100%; - } + .cptm-form-builder { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 30px; + } + .cptm-form-builder .cptm-form-builder-sidebar { + max-width: 100%; + } } .cptm-form-builder.submission_form_fields .cptm-form-builder-content { - border-bottom: 25px solid #f3f4f6; + border-bottom: 25px solid #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder.submission_form_fields { - gap: 30px; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.submission_form_fields { + gap: 30px; + } + .cptm-form-builder.submission_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.submission_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder.single_listings_contents { - border-top: 1px solid #e5e7eb; + border-top: 1px solid #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-form-builder.search_form_fields .cptm-col-sticky { - position: unset; - border: none; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content { - padding: 0; - } - .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container { - padding-bottom: 0; - } + .cptm-form-builder.search_form_fields .cptm-col-sticky { + position: unset; + border: none; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-sidebar-content { + padding: 0; + } + .cptm-form-builder.search_form_fields + .cptm-col-sticky + .cptm-form-builder-active-fields-container { + padding-bottom: 0; + } } .cptm-form-builder-sidebar { - width: 100%; - max-width: 372px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 372px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (min-width: 1441px) { - .cptm-form-builder-sidebar { - max-width: 35%; - } + .cptm-form-builder-sidebar { + max-width: 35%; + } } .cptm-form-builder-sidebar .cptm-form-builder-action { - padding-bottom: 0; + padding-bottom: 0; } @media only screen and (max-width: 480px) { - .cptm-form-builder-sidebar .cptm-form-builder-action { - padding: 20px 0; - } + .cptm-form-builder-sidebar .cptm-form-builder-action { + padding: 20px 0; + } } .cptm-form-builder-sidebar .cptm-form-builder-sidebar-content { - padding: 12px 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 12px 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-content { - height: auto; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - background: #f3f4f6; - border-right: 1px solid #e5e7eb; + height: auto; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: #f3f4f6; + border-right: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-action { - border-bottom: 1px solid #e5e7eb; + border-bottom: 1px solid #e5e7eb; } .cptm-form-builder-content .cptm-form-builder-active-fields { - padding: 24px; - background: #f3f4f6; - height: 100%; - min-height: calc(100vh - 225px); + padding: 24px; + background: #f3f4f6; + height: 100%; + min-height: calc(100vh - 225px); } @media only screen and (max-width: 1399px) { - .cptm-form-builder-content .cptm-form-builder-active-fields { - min-height: calc(100vh - 225px); - } + .cptm-form-builder-content .cptm-form-builder-active-fields { + min-height: calc(100vh - 225px); + } } .cptm-form-builder-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 18px 24px; - background: #ffffff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 18px 24px; + background: #ffffff; } .cptm-form-builder-action-title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; } .cptm-form-builder-action-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 0 12px; - color: #141921; - font-size: 14px; - line-height: 16px; - font-weight: 500; - height: 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #d2d6db; - border-radius: 4px; -} - -.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, -.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { - width: 200px; - height: auto; - min-height: 34px; - white-space: unset; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 0 12px; + color: #141921; + font-size: 14px; + line-height: 16px; + font-weight: 500; + height: 32px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #d2d6db; + border-radius: 4px; +} + +.cptm-elements-settings + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after, +.cptm-form-builder-sidebar + .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after { + width: 200px; + height: auto; + min-height: 34px; + white-space: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin: 0 0 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin: 0 0 12px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 12px; - font-weight: 600; - color: #4d5761; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 12px; + font-weight: 600; + color: #4d5761; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields.empty-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - height: calc(100vh - 200px); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container { - height: auto; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text { - font-size: 18px; - line-height: 24px; - font-weight: 500; - font-style: italic; - color: #4d5761; - margin: 12px 0 0; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer { - text-align: center; -} -.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn { - margin: 10px auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + height: calc(100vh - 200px); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-container { + height: auto; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-empty-text { + font-size: 18px; + line-height: 24px; + font-weight: 500; + font-style: italic; + color: #4d5761; + margin: 12px 0 0; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer { + text-align: center; +} +.cptm-form-builder-active-fields.empty-content + .cptm-form-builder-active-fields-footer + .cptm-btn { + margin: 10px auto; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - z-index: 1; + position: relative; + margin: 0; + z-index: 1; } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #3e62f5; - background: #ffffff; - border: 0 none; - margin: 16px 0 0; - font-size: 14px; - font-weight: 600; - border-radius: 4px; - border: 1px solid #3e62f5; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #3e62f5; + background: #ffffff; + border: 0 none; + margin: 16px 0 0; + font-size: 14px; + font-weight: 600; + border-radius: 4px; + border: 1px solid #3e62f5; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 6px; - padding-bottom: 0; + position: relative; + margin-bottom: 6px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - position: relative; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-bottom: none; -} -.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon { - background-color: #d8e0fd; -} -.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper { - left: 12px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper { - position: absolute; - top: calc(100% - 12px); - left: 55px; - width: 100%; - max-width: 460px; - height: 100%; - z-index: 9; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options { - padding: 0; - border: 1px solid #e5e7eb; - border-radius: 6px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 16px; - border-bottom: 1px solid #e5e7eb; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title { - font-size: 14px; - line-height: 16px; - font-weight: 600; - color: #2c3239; - margin: 0; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close { - color: #2c3239; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span { - font-size: 20px; -} -.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area { - padding: 24px; + position: relative; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-bottom: none; +} +.cptm-form-builder-group-header-section.expanded + .cptm-form-builder-group-title-icon { + background-color: #d8e0fd; +} +.cptm-form-builder-group-header-section.locked + .cptm-form-builder-group-options-wrapper { + left: 12px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper { + position: absolute; + top: calc(100% - 12px); + left: 55px; + width: 100%; + max-width: 460px; + height: 100%; + z-index: 9; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options { + padding: 0; + border: 1px solid #e5e7eb; + border-radius: 6px; + -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 16px; + border-bottom: 1px solid #e5e7eb; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-title { + font-size: 14px; + line-height: 16px; + font-weight: 600; + color: #2c3239; + margin: 0; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close { + color: #2c3239; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .cptm-form-builder-group-options-header-close + span { + font-size: 20px; +} +.cptm-form-builder-group-header-section + .cptm-form-builder-group-options-wrapper + .cptm-form-builder-group-options + .directorist-form-fields-area { + padding: 24px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - background-color: #ffffff; - border: 1px solid #e5e7eb; - overflow: hidden; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + background-color: #ffffff; + border: 1px solid #e5e7eb; + overflow: hidden; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; } .cptm-form-builder-group-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -div[draggable=true].cptm-form-builder-group-header-content { - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +div[draggable="true"].cptm-form-builder-group-header-content { + cursor: move; } .cptm-form-builder-group-header-content__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-form-builder-group-header-content__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-header-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + -webkit-transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 15px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 15px; + font-weight: 500; + color: #141921; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title { - font-size: 13px; - } + .cptm-form-builder-group-title { + font-size: 13px; + } } .cptm-form-builder-group-title .cptm-form-builder-group-title-label { - cursor: text; + cursor: text; } .cptm-form-builder-group-title .cptm-form-builder-group-title-label-input { - height: 40px; - padding: 4px 6px 4px 50px; - border-radius: 2px; - border: 1px solid #3e62f5; + height: 40px; + padding: 4px 6px 4px 50px; + border-radius: 2px; + border: 1px solid #3e62f5; } -.cptm-form-builder-group-title .cptm-form-builder-group-title-label-input:focus { - border-color: #3e62f5; - -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); - box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); +.cptm-form-builder-group-title + .cptm-form-builder-group-title-label-input:focus { + border-color: #3e62f5; + -webkit-box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); + box-shadow: 0 0 0 1px rgba(62, 98, 245, 0.2); } .cptm-form-builder-group-title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - min-width: 40px; - min-height: 40px; - font-size: 20px; - color: #141921; - border-radius: 8px; - background-color: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + font-size: 20px; + color: #141921; + border-radius: 8px; + background-color: #f3f4f6; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-title-icon { - width: 32px; - height: 32px; - min-width: 32px; - min-height: 32px; - font-size: 18px; - } + .cptm-form-builder-group-title-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + font-size: 18px; + } } .cptm-form-builder-group-options { - background-color: #fff; - padding: 20px; - border-radius: 0 0 6px 6px; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + background-color: #fff; + padding: 20px; + border-radius: 0 0 6px 6px; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #3e62f5; - background: transparent; - border: none; - padding: 0; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #3e62f5; + background: transparent; + border: none; + padding: 0; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; - padding: 24px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); - box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + display: block; + position: relative; + padding: 24px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); + box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08); } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; + margin-bottom: 8px; + position: relative; } .cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 48px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - border-radius: 0 6px 6px 0; - cursor: move; -} -.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 8px 12px; - background: #ffffff; - border-radius: 6px 0 0 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-radius: 6px 6px 0 0; - background-color: #f9fafb; - border-width: 1.5px; - border-color: #3e62f5; - border-bottom: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 48px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + border-radius: 0 6px 6px 0; + cursor: move; +} +.cptm-form-builder-group-field-item + .cptm-form-builder-group-field-item-header-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 8px 12px; + background: #ffffff; + border-radius: 6px 0 0 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-radius: 6px 6px 0 0; + background-color: #f9fafb; + border-width: 1.5px; + border-color: #3e62f5; + border-bottom: none; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -webkit-transform: translate(-34px, 7px); + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 18px; - color: #747c89; - border: 1px solid #e5e7eb; - border-radius: 6px; - outline: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active { - color: #141921; - background-color: #f3f4f6; - border-color: #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 18px; + color: #747c89; + border: 1px solid #e5e7eb; + border-radius: 6px; + outline: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-form-builder-header-action-link:hover, +.cptm-form-builder-header-action-link:focus, +.cptm-form-builder-header-action-link:active { + color: #141921; + background-color: #f3f4f6; + border-color: #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-action-link { - width: 24px; - height: 24px; - font-size: 14px; - } + .cptm-form-builder-header-action-link { + width: 24px; + height: 24px; + font-size: 14px; + } } .cptm-form-builder-header-action-link.disabled { - color: #a1a9b2; - pointer-events: none; + color: #a1a9b2; + pointer-events: none; } .cptm-form-builder-header-toggle-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - font-size: 24px; - color: #747c89; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - outline: none !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + font-size: 24px; + color: #747c89; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: none !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media only screen and (max-width: 480px) { - .cptm-form-builder-header-toggle-link { - width: 24px; - height: 24px; - font-size: 18px; - } + .cptm-form-builder-header-toggle-link { + width: 24px; + height: 24px; + font-size: 18px; + } } .cptm-form-builder-header-toggle-link.action-collapse-down { - color: #3e62f5; + color: #3e62f5; } .cptm-form-builder-header-toggle-link.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .action-collapse-up span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px; - border: 1px solid #e5e7eb; - -webkit-transition: border-radius ease 1s; - transition: border-radius ease 1s; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - line-height: 16px; - font-weight: 500; - color: #141921; - margin: 0; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle { - color: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon { - font-size: 20px; - color: #141921; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path { - fill: #747c89; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon { - font-size: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i { - font-size: 16px; - color: #4d5761; -} -.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 18px; - color: #747c89; - border: none; - -webkit-box-shadow: none; - box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 6px; + border: 1px solid #e5e7eb; + -webkit-transition: border-radius ease 1s; + transition: border-radius ease 1s; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 16px; + font-weight: 500; + color: #141921; + margin: 0; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-subtitle { + color: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-form-builder-group-field-item-icon { + font-size: 20px; + color: #141921; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-icon-svg + svg + path { + fill: #747c89; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + -webkit-transition: + opacity 0.3s ease, + visibility 0.3s ease; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-title + .cptm-title-info + i { + font-size: 16px; + color: #4d5761; +} +.cptm-form-builder-group-field-item-header + .cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 18px; + color: #747c89; + border: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-field-item-body { - padding: 24px; - border: 1.5px solid #3e62f5; - border-top-width: 1px; - border-radius: 0 0 6px 6px; + padding: 24px; + border: 1.5px solid #3e62f5; + border-top-width: 1px; + border-radius: 0 0 6px 6px; } .cptm-form-builder-group-item-drag { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 46px; - min-width: 46px; - height: 100%; - min-height: 64px; - font-size: 24px; - color: #747c89; - background-color: #f9fafb; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 46px; + min-width: 46px; + height: 100%; + min-height: 64px; + font-size: 24px; + color: #747c89; + background-color: #f9fafb; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; + cursor: move; } @media only screen and (max-width: 480px) { - .cptm-form-builder-group-item-drag { - width: 32px; - min-width: 32px; - font-size: 18px; - } + .cptm-form-builder-group-item-drag { + width: 32px; + min-width: 32px; + font-size: 18px; + } } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 4px); - padding: 12px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #d2d6db; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 4px); + padding: 12px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d6db; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-item { - position: relative; + position: relative; } .cptm-form-builder-field-list-item > pre { - position: absolute; - top: 3px; - left: 5px; - margin: 0; - font-size: 10px; - line-height: 12px; - color: #f80718; + position: absolute; + top: 3px; + left: 5px; + margin: 0; + font-size: 10px; + line-height: 12px; + color: #f80718; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 8px; - width: auto; - max-width: 20px; - font-size: 20px; - color: #141921; + display: inline-block; + margin-left: 8px; + width: auto; + max-width: 20px; + font-size: 20px; + color: #141921; } .cptm-form-builder-field-list-item-icon { - font-size: 14px; - margin-left: 1px; + font-size: 14px; + margin-left: 1px; } .cptm-form-builder-field-list-label, .cptm-form-builder-field-list-item-label { - display: inline-block; - font-size: 13px; - font-weight: 500; - color: #141921; + display: inline-block; + font-size: 13px; + font-weight: 500; + color: #141921; } .cptm-option-card--draggable .cptm-form-builder-field-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag { - cursor: move; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #747c89; - border-radius: 6px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active, -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #0e3bf2; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover { - color: #d94a4a; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container { - padding: 15px 0 22px 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper { - margin-bottom: 20px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) { - margin-bottom: 17px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label { - margin-bottom: 12px; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label { - margin-bottom: 0; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col { - width: 100%; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap { - width: 100%; - padding: 6px; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 20px; - width: 20px; - padding: 0; - border-radius: 6px; - border: 1px solid #e5e7eb; - overflow: hidden; -} -.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input { - width: 30px; - height: 30px; - margin: 0; -} -.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container { - padding-right: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-drag { + cursor: move; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #747c89; + border-radius: 6px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-edit:hover, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action.active, +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #0e3bf2; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-form-builder-field-list-item-action:hover { + color: #d94a4a; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container { + padding: 15px 0 22px 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-preview-wrapper { + margin-bottom: 20px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-widget-options-wrap:not(:last-child) { + margin-bottom: 17px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-preview-radio-area + label { + margin-bottom: 12px; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group + .cptm-radio-area + .cptm-radio-item:last-child + label { + margin-bottom: 0; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .atbdp-row + .atbdp-col { + width: 100%; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap { + width: 100%; + padding: 6px; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 20px; + width: 20px; + padding: 0; + border-radius: 6px; + border: 1px solid #e5e7eb; + overflow: hidden; +} +.cptm-option-card--draggable + .cptm-form-builder-field-list + .cptm-widget-options-container + .cptm-form-group--color-picker + .cptm-color-picker-wrap + .cptm-color-picker + .icp__input { + width: 30px; + height: 30px; + margin: 0; +} +.cptm-option-card--draggable + .cptm-widget-options-container-draggable + .cptm-widget-options-container { + padding-right: 25px; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - margin: 0; - padding: 0 8px; - height: 22px; - color: #4d5761; - border-radius: 4px; - background: #daeeff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + margin: 0; + padding: 0 8px; + height: 22px; + color: #4d5761; + border-radius: 4px; + background: #daeeff; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + -webkit-box-shadow: none; + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; -} -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; +} +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - margin: 0 auto 10px; - padding: 3px 4px; - background: #e5e7eb; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 10px; + padding: 3px 4px; + background: #e5e7eb; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-sub-navigation { - padding: 10px; - } + .cptm-sub-navigation { + padding: 10px; + } } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 7px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - height: 32px; - padding: 0 10px; - color: #4d5761; - font-size: 14px; - line-height: 14px; - font-weight: 500; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 7px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + height: 32px; + padding: 0 10px; + color: #4d5761; + font-size: 14px; + line-height: 14px; + font-weight: 500; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip { - padding: 0 10px; - margin-left: -10px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background: transparent; - color: #4d5761; - border-radius: 4px 0 0 4px; + padding: 0 10px; + margin-left: -10px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background: transparent; + color: #4d5761; + border-radius: 4px 0 0 4px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover { - background: #f9f9f9; + background: #f9f9f9; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 24px; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 24px; + color: #4d5761; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path { - stroke: #4d5761; + stroke: #4d5761; } .cptm-sub-nav__item-link.active { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path { - stroke: #141921; + stroke: #141921; } .cptm-sub-nav__item-link:hover:not(.active) { - color: #141921; - background: #ffffff; + color: #141921; + background: #ffffff; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } @media only screen and (max-width: 1199px) { - .cptm-builder-section { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-builder-section { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-options-area { - width: 320px; - margin: 0; + width: 320px; + margin: 0; } .cptm-option-card { - display: none; - opacity: 0; - position: relative; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - background: #ffffff; - border-radius: 4px; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + opacity: 0; + position: relative; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + background: #ffffff; + border-radius: 4px; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1); + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card:before { - content: ""; - border-bottom: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - top: -6px; - left: 22px; + content: ""; + border-bottom: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + top: -6px; + left: 22px; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -webkit-transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + -webkit-transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + -webkit-transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #2c3239; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #2c3239; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-option-card-header { - padding: 8px 16px; - border-bottom: 1px solid #e5e7eb; + padding: 8px 16px; + border-bottom: 1px solid #e5e7eb; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - font-size: 14px; - font-weight: 600; - line-height: 24px; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + font-size: 14px; + font-weight: 600; + line-height: 24px; + color: #141921; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 10px 0 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #fff; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 16px; - max-height: 500px; - overflow-y: auto; + padding: 16px; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .cptm-form-group label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - margin-bottom: 4px; + font-size: 12px; + font-weight: 500; + line-height: 20px; + margin-bottom: 4px; } .cptm-option-card-body .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-option-card-body + .cptm-input-toggle-wrap + .cptm-input-toggle-content + label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-actions, .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - position: absolute; - bottom: 0; - right: 50%; - -webkit-transform: translate(50%, 3px); - transform: translate(50%, 3px); - -webkit-transition: all ease-in-out 0.3s; - transition: all ease-in-out 0.3s; - z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + position: absolute; + bottom: 0; + right: 50%; + -webkit-transform: translate(50%, 3px); + transform: translate(50%, 3px); + -webkit-transition: all ease-in-out 0.3s; + transition: all ease-in-out 0.3s; + z-index: 1; } .cptm-widget-actions-wrap { - position: relative; - width: 100%; + position: relative; + width: 100%; } .cptm-widget-action-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, 20px); - transform: translate(50%, 20px); - pointer-events: none; - -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; - z-index: 2; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, 20px); + transform: translate(50%, 20px); + pointer-events: none; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; + z-index: 2; } .cptm-widget-action-modal-container.active { - pointer-events: all; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); + pointer-events: all; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); } @media only screen and (max-width: 480px) { - .cptm-widget-action-modal-container { - max-width: 250px; - } + .cptm-widget-action-modal-container { + max-width: 250px; + } } .cptm-widget-insert-modal-container .cptm-option-card:before { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } .cptm-widget-option-modal-container .cptm-option-card:before { - left: unset; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); + left: unset; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); } .cptm-widget-option-modal-container .cptm-option-card { - margin: 0; + margin: 0; } .cptm-widget-option-modal-container .cptm-option-card-header { - background-color: #fff; - border: 1px solid #e5e7eb; + background-color: #fff; + border: 1px solid #e5e7eb; } .cptm-widget-option-modal-container .cptm-header-action-link { - color: #2c3239; + color: #2c3239; } .cptm-widget-option-modal-container .cptm-header-action-link:hover { - color: #1890ff; + color: #1890ff; } .cptm-widget-option-modal-container .cptm-option-card-body { - background-color: #fff; - border: 1px solid #e5e7eb; - border-top: none; - -webkit-box-shadow: none; - box-shadow: none; + background-color: #fff; + border: 1px solid #e5e7eb; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-widget-option-modal-container .cptm-option-card-header-title-section, .cptm-widget-option-modal-container .cptm-option-card-header-title { - color: #2c3239; + color: #2c3239; } .cptm-widget-actions-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-widget-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 28px; - height: 28px; - border-radius: 50%; - font-size: 16px; - text-align: center; - text-decoration: none; - background-color: #fff; - border: 1px solid #3e62f5; - color: #3e62f5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + font-size: 16px; + text-align: center; + text-decoration: none; + background-color: #fff; + border: 1px solid #3e62f5; + color: #3e62f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-action-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 2px #b4c2f9; - box-shadow: 0 0 0 2px #b4c2f9; + outline: none; + -webkit-box-shadow: 0 0 0 2px #b4c2f9; + box-shadow: 0 0 0 2px #b4c2f9; } .cptm-widget-action-link:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .cptm-widget-action-link:hover svg path { - fill: #fff; + fill: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-wrap.cptm-widget-card-disabled { - opacity: 0.3; - pointer-events: none; + opacity: 0.3; + pointer-events: none; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block { - opacity: 0.3; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap + .cptm-widget-title-block { + opacity: 0.3; } .cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap { - opacity: 1; + opacity: 1; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label, -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon { - opacity: 0.3; - color: #4d5761; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-label, +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-thumb-icon { + opacity: 0.3; + color: #4d5761; } -.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge { - margin-top: 10px; +.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap + .cptm-widget-card-disabled-badge { + margin-top: 10px; } .cptm-widget-card-wrap .cptm-widget-card-disabled-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 500; - padding: 0 6px; - height: 18px; - color: #853d0e; - background: #fdefce; - border-radius: 4px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 500; + padding: 0 6px; + height: 18px; + color: #853d0e; + background: #fdefce; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap { - position: relative; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 12px; - background-color: #fff; - border: 1px solid #e5e7eb; - border-radius: 4px; + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 12px; + background-color: #fff; + border: 1px solid #e5e7eb; + border-radius: 4px; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card { - padding: 0; - font-size: 19px; - font-weight: 600; - line-height: 25px; - color: #141921; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group { - margin: 0; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap { - gap: 10px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label { - padding: 0; - font-size: 12px; - font-weight: 500; - line-height: 1.15; - color: #141921; + padding: 0; + font-size: 19px; + font-weight: 600; + line-height: 25px; + color: #141921; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-form-group { + margin: 0; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap { + gap: 10px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-card-options-area + .cptm-input-toggle-wrap + label { + padding: 0; + font-size: 12px; + font-weight: 500; + line-height: 1.15; + color: #141921; } .cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash { - position: absolute; - left: 12px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover { - color: #ffffff; - background: #d94a4a; + position: absolute; + left: 12px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-widget-card-wrap.cptm-widget-title-card-wrap + .cptm-widget-badge-trash:hover { + color: #ffffff; + background: #d94a4a; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-widget-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #141921; - border-radius: 5px; - font-size: 12px; - font-weight: 400; - background-color: #ffffff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - height: 32px; - padding: 0 10px; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #141921; + border-radius: 5px; + font-size: 12px; + font-weight: 400; + background-color: #ffffff; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + height: 32px; + padding: 0 10px; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-widget-badge .cptm-widget-badge-icon, .cptm-widget-badge .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; + font-size: 16px; + color: #141921; } .cptm-widget-badge .cptm-widget-badge-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 4px; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 4px; + height: 100%; } .cptm-widget-badge .cptm-widget-badge-label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: right; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: right; } .cptm-widget-badge .cptm-widget-badge-trash { - margin-right: 4px; - cursor: pointer; - -webkit-transition: color ease 0.3s; - transition: color ease 0.3s; + margin-right: 4px; + cursor: pointer; + -webkit-transition: color ease 0.3s; + transition: color ease 0.3s; } .cptm-widget-badge .cptm-widget-badge-trash:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-widget-badge.cptm-widget-badge--icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - width: 22px; - height: 22px; - min-height: unset; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + width: 22px; + height: 22px; + min-height: unset; + border-radius: 100%; } .cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon { - font-size: 12px; + font-size: 12px; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-preview-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - max-width: 658px; - margin: 40px auto; - padding: 20px 24px; - background: #f3f4f6; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 658px; + margin: 40px auto; + padding: 20px 24px; + background: #f3f4f6; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-preview-notice.cptm-preview-notice--list { - max-width: unset; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + max-width: unset; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-notice .cptm-preview-notice-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text { - font-size: 12px; - font-weight: 400; - color: #2c3239; - margin: 0; -} -.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong { - color: #141921; - font-weight: 600; + font-size: 12px; + font-weight: 400; + color: #2c3239; + margin: 0; +} +.cptm-preview-notice + .cptm-preview-notice-content + .cptm-preview-notice-text + strong { + color: #141921; + font-weight: 600; } .cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - padding: 0 16px; - font-size: 13px; - font-weight: 500; - border-radius: 8px; - color: #747c89; - background: #ffffff; - border: 1px solid #d2d6db; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover { - color: #3e62f5; - border-color: #3e62f5; -} -.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path { - fill: #3e62f5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 16px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #747c89; + background: #ffffff; + border: 1px solid #d2d6db; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover { + color: #3e62f5; + border-color: #3e62f5; +} +.cptm-preview-notice + .cptm-preview-notice-action + .cptm-preview-notice-btn:hover + svg + path { + fill: #3e62f5; } .cptm-widget-thumb .cptm-widget-thumb-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 133px; - color: #a1a9b2; + font-size: 133px; + color: #a1a9b2; } .cptm-widget-thumb .cptm-widget-label { - font-size: 16px; - line-height: 18px; - font-weight: 400; - color: #141921; + font-size: 16px; + line-height: 18px; + font-weight: 400; + color: #141921; } .cptm-placeholder-block-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; } .cptm-placeholder-block-wrapper:last-child { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block-wrapper .cptm-placeholder-block { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) + .cptm-widget-preview-card { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; } .cptm-placeholder-block-wrapper .cptm-widget-card-status { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - margin-top: 4px; - background: #f3f4f6; - border-radius: 8px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin-top: 4px; + background: #f3f4f6; + border-radius: 8px; + cursor: pointer; } .cptm-placeholder-block-wrapper .cptm-widget-card-status span { - color: #747c89; + color: #747c89; } .cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled { - background: #d2d6db; + background: #d2d6db; } .cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder { - padding: 12px; - min-height: 62px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title { - -webkit-transform: unset !important; - transform: unset !important; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated { - z-index: 99999; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label { - top: 50%; - right: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 14px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card { - height: 32px; - padding: 0 10px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card { - padding: 0; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash { - margin-right: 8px; -} -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label, -.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label { - right: 12px; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - font-size: 13px; - font-weight: 400; - color: #4d5761; -} -.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label { - color: #4d5761; - font-weight: 400; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper { - overflow: visible !important; -} -.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging { - opacity: 0; + padding: 12px; + min-height: 62px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title { + -webkit-transform: unset !important; + transform: unset !important; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-container + .dndrop-draggable-wrapper-listing_title.animated { + z-index: 99999; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-placeholder-label { + top: 50%; + right: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 14px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-preview-card-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card { + height: 32px; + padding: 0 10px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card.cptm-widget-title-card { + padding: 0; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-top-placeholder + .cptm-widget-card + .cptm-widget-badge-trash { + margin-right: 8px; +} +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-tagline-placeholder + .cptm-placeholder-label, +.cptm-placeholder-block-wrapper + .cptm-listing-card-preview-rating-placeholder + .cptm-placeholder-label { + right: 12px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + font-size: 13px; + font-weight: 400; + color: #4d5761; +} +.cptm-placeholder-block-wrapper + .cptm-placeholder-block.disabled + .cptm-placeholder-label { + color: #4d5761; + font-weight: 400; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper { + overflow: visible !important; +} +.cptm-placeholder-block-wrapper + .cptm-widget-preview-container + .dndrop-draggable-wrapper.is-dragging { + opacity: 0; } .cptm-placeholder-block { - position: relative; - padding: 8px; - background: #a1a9b2; - border: 1px dashed #d2d6db; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; -} -.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open { - border-color: rgb(255, 255, 255); -} -.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { - opacity: 1; - visibility: visible; + position: relative; + padding: 8px; + background: #a1a9b2; + border: 1px dashed #d2d6db; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.cptm-placeholder-block:hover, +.cptm-placeholder-block.drag-enter, +.cptm-placeholder-block.cptm-widget-picker-open { + border-color: rgb(255, 255, 255); +} +.cptm-placeholder-block:hover .cptm-widget-insert-area, +.cptm-placeholder-block.drag-enter .cptm-widget-insert-area, +.cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area { + opacity: 1; + visibility: visible; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-right { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-left { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder.cptm-text-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-placeholder-block.cptm-widget-picker-open { - z-index: 100; + z-index: 100; } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 14px; - font-weight: 500; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 14px; + font-weight: 500; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .dndrop-ghost.dndrop-draggable-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: auto; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; } .dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-radius: 8px; - border-color: #e5e7eb; - background: transparent; -} -.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 8px; + border-color: #e5e7eb; + background: transparent; +} +.dndrop-ghost.dndrop-draggable-wrapper + .cptm-form-builder-field-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-12 { - margin-bottom: 12px !important; + margin-bottom: 12px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - padding: 24px; - background-color: #fff; - border: 1.5px solid rgba(0, 17, 102, 0.1019607843); - border-top: none; - border-radius: 0 0 24px 24px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + max-width: 450px; + margin: 0 auto; + padding: 24px; + background-color: #fff; + border: 1.5px solid rgba(0, 17, 102, 0.1019607843); + border-top: none; + border-radius: 0 0 24px 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843); } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; + height: 100%; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-preview-widget.cptm-card-list-view { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .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 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100% !important; - max-width: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - border-radius: 0 4px 4px 0 !important; + height: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100% !important; + max-width: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 0 4px 4px 0 !important; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - max-width: 100%; - border-radius: 4px 4px 0 0 !important; - } - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail { - min-height: 350px; - } -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container { - top: unset; - bottom: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container, -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container { - bottom: unset; - top: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img { - width: 22px; - height: 22px; - border-radius: 50%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap { - min-width: 100px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 4px; - background: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb { - width: 100%; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg { - width: 20px; - height: 20px; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: unset; - -webkit-transform: unset; - transform: unset; - width: 20px; - height: 20px; - font-size: 12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body { - padding-top: 62px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar { - padding-top: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar { - position: relative; - top: -14px; - -webkit-transform: unset; - transform: unset; - padding-bottom: 12px; - z-index: 101; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-placeholder-block-wrapper { - -webkit-box-pack: unset; - -webkit-justify-content: unset; - -ms-flex-pack: unset; - justify-content: unset; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder { - padding: 0 !important; - width: 64px !important; - height: 64px !important; - min-width: 64px !important; - min-height: 64px !important; - max-width: 64px !important; - max-height: 64px !important; - border-radius: 50% !important; - background: transparent !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled { - border: none; - background: transparent; - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; - border-radius: 0 !important; - -webkit-transition: unset !important; - transition: unset !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card { - width: 100%; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb { - width: 64px; - height: 64px; - padding: 0; - margin: 0; - border-radius: 50%; - background-color: #ffffff; - border: 1px dashed #3e62f5; - -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1), 0 6px 8px 2px rgba(16, 24, 40, 0.04); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - bottom: -12px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item { - margin: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label { - margin: 0; - font-size: 12px; - font-weight: 500; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] { - margin: 0 0 0 6px; - background-color: #ffffff; - border: 2px solid #a1a9b2; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked { - border: 5px solid #3e62f5; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.disabled { - background: #f3f4f6 !important; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container { - top: 100%; - right: 50%; - -webkit-transform: translate(50%, 10px); - transform: translate(50%, 10px); -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card:before { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card .cptm-input-toggle-wrap .cptm-input-toggle { - padding: 0; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card #avatar-toggle-user_avatar { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-label { - font-size: 12px; - font-weight: 500; - line-height: 20px; - color: #141921; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-preview-radio-area { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area { - gap: 0; - padding: 3px; - background: #f5f5f5; - border-radius: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item .cptm-radio-item-icon { - font-size: 20px; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - color: #141921; - font-size: 12px; - font-weight: 500; - padding: 0 20px; - height: 30px; - line-height: 30px; - text-align: center; - background-color: transparent; - border-radius: 10px; - cursor: pointer; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio] { - display: none; -} -.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-preview-card-user_avatar .cptm-widget-action-modal-container .cptm-option-card-body-item .cptm-option-card-body-item-options .cptm-radio-area .cptm-radio-item input[type=radio]:checked ~ label { - background-color: #ffffff; - color: #3e62f5; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); -} -.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title, -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title { - width: 100%; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right { - width: 140px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: 127px; + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + max-width: 100%; + border-radius: 4px 4px 0 0 !important; + } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header + .cptm-card-preview-thumbnail { + min-height: 350px; + } +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-option-modal-container { + top: unset; + bottom: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-preview-top-right + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-left + .cptm-widget-option-modal-container, +.cptm-card-preview-widget.cptm-card-list-view + .cptm-card-placeholder-top-right + .cptm-widget-option-modal-container { + bottom: unset; + top: 100%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-placeholder-author-thumb + img { + width: 22px; + height: 22px; + border-radius: 50%; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card-wrap { + min-width: 100px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-widget-card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb { + width: 100%; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + > svg { + width: 20px; + height: 20px; +} +.cptm-card-preview-widget.cptm-card-list-view + .cptm-widget-preview-card-user_avatar + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + position: unset; + -webkit-transform: unset; + transform: unset; + width: 20px; + height: 20px; + font-size: 12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-card + .cptm-widget-card-disabled-badge { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body { + padding-top: 62px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar { + padding-top: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-preview-body.has-avatar + .cptm-listing-card-author-avatar { + position: relative; + top: -14px; + -webkit-transform: unset; + transform: unset; + padding-bottom: 12px; + z-index: 101; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-placeholder-block-wrapper { + -webkit-box-pack: unset; + -webkit-justify-content: unset; + -ms-flex-pack: unset; + justify-content: unset; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder { + padding: 0 !important; + width: 64px !important; + height: 64px !important; + min-width: 64px !important; + min-height: 64px !important; + max-width: 64px !important; + max-height: 64px !important; + border-radius: 50% !important; + background: transparent !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled { + border: none; + background: transparent; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + max-height: 100% !important; + border-radius: 0 !important; + -webkit-transition: unset !important; + transition: unset !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-widget-preview-card { + width: 100%; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb { + width: 64px; + height: 64px; + padding: 0; + margin: 0; + border-radius: 50%; + background-color: #ffffff; + border: 1px dashed #3e62f5; + -webkit-box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + box-shadow: + 0 8px 16px 0 rgba(16, 24, 40, 0.1), + 0 6px 8px 2px rgba(16, 24, 40, 0.04); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-placeholder-author-thumb + .cptm-placeholder-author-thumb-trash { + bottom: -12px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-form-group { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + > label { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + .cptm-radio-item { + margin: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + label { + margin: 0; + font-size: 12px; + font-weight: 500; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"] { + margin: 0 0 0 6px; + background-color: #ffffff; + border: 2px solid #a1a9b2; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.enabled + .cptm-preview-radio-area + .cptm-radio-area + input[type="radio"]:checked { + border: 5px solid #3e62f5; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-listing-card-author-avatar-placeholder.disabled { + background: #f3f4f6 !important; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container { + top: 100%; + right: 50%; + -webkit-transform: translate(50%, 10px); + transform: translate(50%, 10px); +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card:before { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + .cptm-input-toggle-wrap + .cptm-input-toggle { + padding: 0; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card + #avatar-toggle-user_avatar { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-label { + font-size: 12px; + font-weight: 500; + line-height: 20px; + color: #141921; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-preview-radio-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area { + gap: 0; + padding: 3px; + background: #f5f5f5; + border-radius: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + .cptm-radio-item-icon { + font-size: 20px; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + color: #141921; + font-size: 12px; + font-weight: 500; + padding: 0 20px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: transparent; + border-radius: 10px; + cursor: pointer; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"] { + display: none; +} +.cptm-card-preview-widget.grid-view-with-thumbnail + .cptm-widget-preview-card-user_avatar + .cptm-widget-action-modal-container + .cptm-option-card-body-item + .cptm-option-card-body-item-options + .cptm-radio-area + .cptm-radio-item + input[type="radio"]:checked + ~ label { + background-color: #ffffff; + color: #3e62f5; + -webkit-box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: + 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px -1px rgba(0, 0, 0, 0.1); +} +.cptm-card-preview-widget.grid-view-without-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .dndrop-draggable-wrapper-listing_title, +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-preview-top-right { + width: 140px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right { - width: auto; - } -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block { - padding-bottom: 32px; -} -.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap { - padding: 0; + .cptm-card-preview-widget.list-view-with-thumbnail + .cptm-card-placeholder-top + .cptm-card-placeholder-top-right { + width: auto; + } +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-placeholder-block { + padding-bottom: 32px; +} +.cptm-card-preview-widget.list-view-with-thumbnail + .cptm-listing-card-preview-footer + .cptm-widget-card-wrap { + padding: 0; } .cptm-card-preview-widget .cptm-options-area { - position: absolute; - top: 38px; - right: unset; - left: 30px; - z-index: 100; + position: absolute; + top: 38px; + right: unset; + left: 30px; + z-index: 100; } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 100%; + position: relative; + height: 100%; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 16px; - position: relative; + display: block; + padding: 16px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 1; - position: absolute; - right: 0; - top: 0; - -webkit-transform: translate(-16px, -14px); - transform: translate(-16px, -14px); - -webkit-box-sizing: border-box; - box-sizing: border-box; + z-index: 1; + position: absolute; + right: 0; + top: 0; + -webkit-transform: translate(-16px, -14px); + transform: translate(-16px, -14px); + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-listing-card-author-avatar .cptm-placeholder-block { - height: 64px; - width: 64px; - padding: 8px !important; - margin: 0 !important; - min-height: unset !important; - border-radius: 50% !important; - border: 1px dashed #a1a9b2; -} -.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label { - font-size: 14px; - line-height: 1.15; - font-weight: 500; - color: #141921; - background: transparent; - padding: 0; - border-radius: 0; - top: 16px; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + height: 64px; + width: 64px; + padding: 8px !important; + margin: 0 !important; + min-height: unset !important; + border-radius: 50% !important; + border: 1px dashed #a1a9b2; +} +.cptm-listing-card-author-avatar + .cptm-placeholder-block + .cptm-placeholder-label { + font-size: 14px; + line-height: 1.15; + font-weight: 500; + color: #141921; + background: transparent; + padding: 0; + border-radius: 0; + top: 16px; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .cptm-placeholder-author-thumb { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 32px; - height: 32px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: transparent; - border: 2px solid #fff; + width: 32px; + height: 32px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: transparent; + border: 2px solid #fff; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash { - position: absolute; - bottom: -18px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 22px; - height: 22px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - color: #d94a4a; - background: #ffffff; - border: 1px solid #d94a4a; - border-radius: 50%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + position: absolute; + bottom: -18px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 22px; + height: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + color: #d94a4a; + background: #ffffff; + border: 1px solid #d94a4a; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover { - color: #ffffff; - background: #d94a4a; + color: #ffffff; + background: #d94a4a; } .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-options { - position: absolute; - bottom: -10px; + position: absolute; + bottom: -10px; } .cptm-widget-title-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #141921; } .cptm-widget-tagline-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 6px 10px; - text-align: right; - font-size: 13px; - font-weight: 400; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 6px 10px; + text-align: right; + font-size: 13px; + font-weight: 400; + color: #4d5761; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; } .cptm-form-group-info { - font-size: 12px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + top: 1px; + pointer-events: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 10px; + -webkit-transform: translate(0%, -100%); + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-card-preview-top-left { - width: calc(50% - 4px); - position: absolute; - top: 0; - right: 0; - z-index: 103; + width: calc(50% - 4px); + position: absolute; + top: 0; + right: 0; + z-index: 103; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-left-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right { - position: absolute; - left: 0; - top: 0; - width: calc(50% - 4px); - z-index: 103; + position: absolute; + left: 0; + top: 0; + width: calc(50% - 4px); + z-index: 103; } .cptm-card-preview-top-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-top-right-placeholder + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-top-right-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 4px); - bottom: 0; - right: 0; - z-index: 102; + position: absolute; + width: calc(50% - 4px); + bottom: 0; + right: 0; + z-index: 102; } .cptm-card-preview-bottom-left .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-preview-bottom-left .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; +.cptm-card-preview-bottom-left + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 0; - left: 0; - width: calc(50% - 4px); - z-index: 102; + position: absolute; + bottom: 0; + left: 0; + width: calc(50% - 4px); + z-index: 102; } .cptm-card-preview-bottom-right .cptm-widget-preview-area { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.cptm-card-preview-bottom-right + .cptm-widget-preview-area + .cptm-widget-preview-container { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-card-preview-bottom-right .cptm-widget-option-modal-container { - top: unset; - bottom: 20px; + top: unset; + bottom: 20px; } -.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before { - top: unset; - bottom: -6px; - border-bottom: unset; - border-top: 7px solid #ffffff; +.cptm-card-preview-bottom-right + .cptm-widget-option-modal-container + .cptm-option-card:before { + top: unset; + bottom: -6px; + border-bottom: unset; + border-top: 7px solid #ffffff; } .cptm-card-preview-body .cptm-widget-option-modal-container, .cptm-card-preview-badges .cptm-widget-option-modal-container { - right: unset; - -webkit-transform: unset; - transform: unset; - left: calc(100% + 57px); + right: unset; + -webkit-transform: unset; + transform: unset; + left: calc(100% + 57px); } .grid-view-without-thumbnail .cptm-input-toggle { - width: 28px; - height: 16px; + width: 28px; + height: 16px; } .grid-view-without-thumbnail .cptm-input-toggle:after { - width: 12px; - height: 12px; - margin: 2px; + width: 12px; + height: 12px; + margin: 2px; } .grid-view-without-thumbnail .cptm-input-toggle.active::after { - -webkit-transform: translateX(calc(-1*(-100% - 4px))); - transform: translateX(calc(-1*(-100% - 4px))); + -webkit-transform: translateX(calc(-1 * (-100% - 4px))); + transform: translateX(calc(-1 * (-100% - 4px))); } .grid-view-without-thumbnail .cptm-card-preview-widget-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .grid-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .grid-view-without-thumbnail .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .grid-view-without-thumbnail .cptm-card-placeholder-top { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - } -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block { - padding-bottom: 32px !important; -} -.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash { - left: 0; + .grid-view-without-thumbnail .cptm-card-placeholder-top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + } +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-listing-card-quick-actions + .cptm-placeholder-block { + padding-bottom: 32px !important; +} +.grid-view-without-thumbnail + .cptm-card-placeholder-top + .cptm-widget-preview-card-listing_title + .cptm-widget-badge-trash { + left: 0; } .grid-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block { - min-height: 48px !important; -} -.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder { - min-height: 160px !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-placeholder-block { + min-height: 48px !important; +} +.grid-view-without-thumbnail + .cptm-listing-card-preview-body + .cptm-listing-card-preview-body-placeholder { + min-height: 160px !important; } .grid-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .grid-view-without-thumbnail .cptm-listing-card-author-avatar { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; + position: unset; + -webkit-transform: unset; + transform: unset; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-placeholder-block-wrapper { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid-view-without-thumbnail + .cptm-listing-card-author-avatar + .cptm-listing-card-author-avatar-placeholder { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; } .grid-view-without-thumbnail .cptm-listing-card-quick-actions { - width: 135px; + width: 135px; } .grid-view-without-thumbnail .cptm-listing-card-title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title { - width: 100%; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap { - padding: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 14px; - line-height: 19px; - font-weight: 600; -} -.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area { - padding: 8px; - background: #fff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap { + padding: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-card-listing_title + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 14px; + line-height: 19px; + font-weight: 600; +} +.grid-view-without-thumbnail + .cptm-listing-card-title + .cptm-widget-preview-area { + padding: 8px; + background: #fff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .list-view-without-thumbnail .cptm-card-preview-widget-content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 20px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 20px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-card-preview-widget-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .list-view-without-thumbnail .cptm-card-preview-widget-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .list-view-without-thumbnail .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-widget-preview-container.dndrop-container.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .list-view-without-thumbnail .cptm-listing-card-preview-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block { - min-height: 60px !important; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title { - width: 100%; -} -.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: 127px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-placeholder-block { + min-height: 60px !important; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .dndrop-draggable-wrapper-listing_title { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-left + .cptm-widget-preview-card-listing_title { + width: 100%; +} +.list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: 127px; } @media only screen and (max-width: 480px) { - .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right { - width: auto; - } + .list-view-without-thumbnail + .cptm-listing-card-preview-top + .cptm-listing-card-preview-top-right { + width: auto; + } } .list-view-without-thumbnail .cptm-listing-card-preview-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; + padding: 0; } .list-view-without-thumbnail .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + padding: 0; } .cptm-card-placeholder-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } @media only screen and (max-width: 480px) { - .cptm-card-placeholder-top { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-card-placeholder-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 22px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 16px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 22px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 16px 24px; } .cptm-listing-card-preview-footer .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card { - font-size: 12px; - font-weight: 400; - gap: 4px; - width: 100%; - height: 32px; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash { - font-size: 16px; - color: #141921; -} -.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + font-size: 12px; + font-weight: 400; + gap: 4px; + width: 100%; + height: 32px; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-icon { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-badge-trash { + font-size: 16px; + color: #141921; +} +.cptm-listing-card-preview-footer + .cptm-widget-preview-area + .cptm-widget-preview-card { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper { - height: 100%; + height: 100%; } .cptm-card-preview-footer-left { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-card-preview-footer-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-listing-card-preview-body-placeholder { - padding: 12px 12px 32px; - min-height: 160px !important; - border-color: #a1a9b2; + padding: 12px 12px 32px; + min-height: 160px !important; + border-color: #a1a9b2; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #141921; + color: #141921; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - color: #141921; - background: #ffffff; - height: 42px; - font-size: 14px; - line-height: 1.15; - font-weight: 500; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { - background: #f3f4f6; - border-color: #d2d6db; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions { - opacity: 1; - visibility: visible; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit { - background: #e5e7eb; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap { - width: 100%; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon { - font-size: 20px; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - border-radius: 100%; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span { - font-size: 20px; - color: #141921; -} -.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active { - background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + color: #141921; + background: #ffffff; + height: 42px; + font-size: 14px; + line-height: 1.15; + font-weight: 500; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, +.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover { + background: #f3f4f6; + border-color: #d2d6db; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-actions, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card:hover + .cptm-list-item-actions { + opacity: 1; + visibility: visible; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card.active + .cptm-list-item-edit { + background: #e5e7eb; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-widget-card-wrap { + width: 100%; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-icon { + font-size: 20px; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 100%; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action + span { + font-size: 20px; + color: #141921; +} +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action:hover, +.cptm-listing-card-preview-body-placeholder + .cptm-widget-preview-card + .cptm-list-item-actions + .cptm-list-item-action.active { + background: #e5e7eb; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: right; -} -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - width: 100%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: right; +} +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-left-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + width: 100%; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.cptm-listing-card-preview-footer-right-placeholder + .cptm-widget-preview-container + .cptm-widget-preview-card { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-widget-preview-area .cptm-widget-preview-card { - position: relative; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions { - position: absolute; - bottom: 100%; - right: 50%; - -webkit-transform: translate(50%, -7px); - transform: translate(50%, -7px); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 6px 12px; - background: #ffffff; - border-radius: 4px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 1; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before { - content: ""; - border-top: 7px solid #ffffff; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - position: absolute; - bottom: -7px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link { - width: auto; - height: auto; - border: none; - background: transparent; - color: #141921; - cursor: pointer; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus { - background: transparent; - color: #3e62f5; -} -.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover { - color: #3e62f5; + position: relative; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions { + position: absolute; + bottom: 100%; + right: 50%; + -webkit-transform: translate(50%, -7px); + transform: translate(50%, -7px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px 12px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + z-index: 1; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions:before { + content: ""; + border-top: 7px solid #ffffff; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + position: absolute; + bottom: -7px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link { + width: auto; + height: auto; + border: none; + background: transparent; + color: #141921; + cursor: pointer; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:hover, +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .cptm-widget-action-link:focus { + background: transparent; + color: #3e62f5; +} +.cptm-widget-preview-area + .cptm-widget-preview-card + .cptm-widget-preview-card-actions + .widget-drag-handle:hover { + color: #3e62f5; } .widget-drag-handle { - cursor: move; + cursor: move; } .cptm-card-light.cptm-placeholder-block { - border-color: #d2d6db; - background: #f9fafb; + border-color: #d2d6db; + background: #f9fafb; } -.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-block:hover, +.cptm-card-light.cptm-placeholder-block.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 600; - color: #141921; - margin-bottom: 8px; + display: block; + font-size: 14px; + font-weight: 600; + color: #141921; + margin-bottom: 8px; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + -webkit-transition: width ease-in-out 300ms; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-form-group-tab-list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 6px; - list-style: none; - background: #fff; - border: 1px solid #e5e7eb; - border-radius: 100px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 6px; + list-style: none; + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 100px; } .cptm-form-group-tab-list .cptm-form-group-tab-item { - margin: 0; + margin: 0; } .cptm-form-group-tab-list .cptm-form-group-tab-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - padding: 0 16px; - border-radius: 100px; - margin: 0; - cursor: pointer; - background-color: #ffffff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - color: #4d5761; - font-weight: 500; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 16px; + border-radius: 100px; + margin: 0; + cursor: pointer; + background-color: #ffffff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + color: #4d5761; + font-weight: 500; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; } .cptm-form-group-tab-list .cptm-form-group-tab-link:hover { - color: #3e62f5; + color: #3e62f5; } .cptm-form-group-tab-list .cptm-form-group-tab-link.active { - background-color: #d8e0fd; - color: #3e62f5; + background-color: #d8e0fd; + color: #3e62f5; } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -webkit-gradient( + linear, + right top, + right bottom, + from(rgba(0, 0, 0, 0.6)), + color-stop(35.42%, rgba(0, 0, 0, 0)) + ); + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 2; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .cptm-input-toggle-wrap.cptm-input-toggle-left { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle-wrap .cptm-input-toggle-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 14px; - height: calc(100% - 6px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 3px 4px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 14px; + height: calc(100% - 6px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 3px 4px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 8px))); - transform: translateX(calc(-1*(-100% - 8px))); + right: 100%; + -webkit-transform: translateX(calc(-1 * (-100% - 8px))); + transform: translateX(calc(-1 * (-100% - 8px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; } +.form-repeater__remove-btn, .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + color: #4d5761; + background: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 40px; + padding: 5px 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + -webkit-box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .cptm-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; } @media (max-width: 960px) { - .cptm-modal-overlay { - width: 100%; - } + .cptm-modal-overlay { + width: 100%; + } } .cptm-modal-overlay .cptm-modal-container { - display: block; - height: auto; - position: absolute; - top: 50%; - right: 50%; - left: unset; - bottom: unset; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - overflow: visible; + display: block; + height: auto; + position: absolute; + top: 50%; + right: 50%; + left: unset; + bottom: unset; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + overflow: visible; } @media (max-width: 767px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 400px; - height: 225px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 400px; + height: 225px; + } } @media (max-width: 575px) { - .cptm-modal-overlay .cptm-modal-container iframe { - width: 300px; - height: 175px; - } + .cptm-modal-overlay .cptm-modal-container iframe { + width: 300px; + height: 175px; + } } .cptm-modal-content { - position: relative; + position: relative; } .cptm-modal-content .cptm-modal-video video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .cptm-modal-content .cptm-modal-image .cptm-modal-image__img { - max-height: calc(100vh - 200px); + max-height: calc(100vh - 200px); } .cptm-modal-content .cptm-modal-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 24px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: auto; - width: 724px; - max-height: calc(100vh - 200px); - background: #fff; - padding: 30px 70px; - border-radius: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + width: 724px; + max-height: calc(100vh - 200px); + background: #fff; + padding: 30px 70px; + border-radius: 16px; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - padding: 0 16px; - height: 40px; - color: #000; - background: #ededed; - border: 1px solid #ededed; - border-radius: 8px; -} -.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + padding: 0 16px; + height: 40px; + color: #000; + background: #ededed; + border: 1px solid #ededed; + border-radius: 8px; +} +.cptm-modal-content + .cptm-modal-preview + .cptm-modal-preview__btn + .cptm-modal-preview__btn__icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-modal-content .cptm-modal-content__close-btn { - position: absolute; - top: 0; - left: -42px; - width: 36px; - height: 36px; - color: #000; - background: #fff; - font-size: 15px; - border: none; - border-radius: 100%; - cursor: pointer; + position: absolute; + top: 0; + left: -42px; + width: 36px; + height: 36px; + color: #000; + background: #fff; + font-size: 15px; + border: none; + border-radius: 100%; + cursor: pointer; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 12px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 12px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 999999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 999999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 70px 54px 70px 30px; - background: #f9fafb; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 70px 54px 70px 30px; + background: #f9fafb; } @media (max-width: 1199px) { - .cptm-preview-placeholder { - margin-left: 0; - } + .cptm-preview-placeholder { + margin-left: 0; + } } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder { - border: none; - max-width: 100%; - padding: 0; - margin: 0; - background: transparent; - } + .cptm-preview-placeholder { + border: none; + max-width: 100%; + padding: 0; + margin: 0; + background: transparent; + } } .cptm-preview-placeholder__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 20px; - padding: 20px; - background: #ffffff; - border-radius: 6px; - border: 1.5px solid #e5e7eb; - -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); - box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + padding: 20px; + background: #ffffff; + border-radius: 6px; + border: 1.5px solid #e5e7eb; + -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); + box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1); } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 12px; - border-radius: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 12px; + border-radius: 4px; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border: 1.5px dashed #d2d6db; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: auto; - background: unset; - border: none; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border: 1.5px dashed #d2d6db; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: auto; + background: unset; + border: none; + padding: 0; } .cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge { - font-size: 12px; - line-height: 18px; - color: #1f2937; - min-height: 32px; - background-color: #ffffff; - border-radius: 6px; - border: 1.15px solid #e5e7eb; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--bottom + .cptm-preview-placeholder__card__box + .cptm-widget-card-wrap + .cptm-widget-badge { + font-size: 12px; + line-height: 18px; + color: #1f2937; + min-height: 32px; + background-color: #ffffff; + border-radius: 6px; + border: 1.15px solid #e5e7eb; } .cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before { - display: none; + display: none; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 14px; - font-weight: 500; + color: #868eae; + font-size: 14px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - min-height: 35px; - padding: 0 13px; - border-radius: 4px; - font-size: 13px; - line-height: 18px; - font-weight: 500; - color: #383f47; - background-color: #e5e7eb; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-height: 35px; + padding: 0 13px; + border-radius: 4px; + font-size: 13px; + line-height: 18px; + font-weight: 500; + color: #383f47; + background-color: #e5e7eb; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - font-size: 12px; - line-height: 15px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + font-size: 12px; + line-height: 15px; + } } .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap { - padding: 0; - background: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 22px; + padding: 0; + background: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 22px; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card { - font-size: 18px; - } + .cptm-preview-placeholder__card__box + .cptm-widget-title-card-wrap + .cptm-widget-title-card { + font-size: 18px; + } } .cptm-preview-placeholder__card__box.listing-title-placeholder { - padding: 13px 8px; + padding: 13px 8px; } .cptm-preview-placeholder__card__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + -webkit-margin-end: 7px; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 8px; - border-radius: 4px; - border: 1.5px dashed #d2d6db; + padding: 8px; + border-radius: 4px; + border: 1.5px dashed #d2d6db; } .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 50px; - text-align: center; - height: 240px; - background: #e5e7eb; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 50px; + text-align: center; + height: 240px; + background: #e5e7eb; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 480px) { - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area { - padding: 30px; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg { - height: 100px; - width: 100px; - } -} -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 10px; + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area { + padding: 30px; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-thumb-icon + svg { + height: 100px; + width: 100px; + } +} +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 10px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; - border: 1px solid #e5e7eb; - border-radius: 8px; - padding: 16px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; + border: 1px solid #e5e7eb; + border-radius: 8px; + padding: 16px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-left: 8px; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - font-size: 20px; - color: #747c89; - margin-top: 15px; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + color: #747c89; + margin-top: 15px; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-preview-placeholder--settings-closed { - max-width: 700px; - margin: 0 auto; + max-width: 700px; + margin: 0 auto; } @media (max-width: 1199px) { - .cptm-preview-placeholder--settings-closed { - max-width: 100%; - } + .cptm-preview-placeholder--settings-closed { + max-width: 100%; + } } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + -webkit-flex-basis: 33.3333333333%; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + -webkit-flex-basis: 66.6666666667%; + -ms-flex-preferred-size: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 12px; - font-weight: 400; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 12px; + font-weight: 400; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + -webkit-box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul:empty { - position: relative; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: relative; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist_dropdown .directorist_dropdown-option ul:empty:before { - content: "No Items Found"; + content: "No Items Found"; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } .cptm-import-directory-modal .cptm-info-text { - padding: 4px 8px; - height: auto; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 4px 8px; + height: auto; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-import-directory-modal .cptm-info-text > b { - margin-left: 4px; + margin-left: 4px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 212px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 212px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 999999; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 999999; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + -webkit-box-flex: 0 !important; + -webkit-flex: none !important; + -ms-flex: none !important; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + -webkit-box-flex: 1 !important; + -webkit-flex: auto !important; + -ms-flex: auto !important; + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .enable_single_listing_page .cptm-title-area { - margin: 30px 0; + margin: 30px 0; } .enable_single_listing_page .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 600; - color: #0a0a0a; + font-size: 20px; + font-weight: 600; + color: #0a0a0a; } .enable_single_listing_page .cptm-title-area .cptm-des { - font-size: 14px; - color: #737373; - margin-top: 6px; + font-size: 14px; + color: #737373; + margin-top: 6px; } .enable_single_listing_page .cptm-input-toggle-content h3 { - font-size: 14px; - font-weight: 600; - color: #2c3239; - margin: 0 0 6px; + font-size: 14px; + font-weight: 600; + color: #2c3239; + margin: 0 0 6px; } .enable_single_listing_page .cptm-input-toggle-content .cptm-form-group-info { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .enable_single_listing_page .cptm-form-group { - margin-bottom: 40px; + margin-bottom: 40px; } .enable_single_listing_page .cptm-form-group--dropdown { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - font-weight: 500; - margin-top: 6px; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-weight: 500; + margin-top: 6px; } .enable_single_listing_page .cptm-form-group--dropdown .cptm-form-group-info a { - color: #3e62f5; + color: #3e62f5; } .enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown { - border-radius: 4px; - border-color: #d2d6db; + border-radius: 4px; + border-color: #d2d6db; } -.enable_single_listing_page .cptm-form-group--dropdown .directorist_dropdown .directorist_dropdown-toggle { - line-height: 1.4; - min-height: 40px; +.enable_single_listing_page + .cptm-form-group--dropdown + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 1.4; + min-height: 40px; } .enable_single_listing_page .cptm-input-toggle { - width: 44px; - height: 22px; + width: 44px; + height: 22px; } .cptm-form-group--api-select-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - background-color: #e5e5e5; - border-radius: 4px; - margin: 0 auto 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + background-color: #e5e5e5; + border-radius: 4px; + margin: 0 auto 15px; } .cptm-form-group--api-select-icon span.la { - font-size: 22px; - color: #0a0a0a; + font-size: 22px; + color: #0a0a0a; } .cptm-form-group--api-select h4 { - font-size: 16px; - color: #171717; + font-size: 16px; + color: #171717; } .cptm-form-group--api-select p { - color: #737373; + color: #737373; } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #0a0a0a; - border: 1px solid #d4d4d4; - border-radius: 8px; - padding: 8.5px 16.5px; - margin: 0 auto; - background-color: #fff; - cursor: pointer; - -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #0a0a0a; + border: 1px solid #d4d4d4; + border-radius: 8px; + padding: 8.5px 16.5px; + margin: 0 auto; + background-color: #fff; + cursor: pointer; + -webkit-box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 1px 2px -1px rgba(0, 0, 0, 0.1), + 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .cptm-form-group--api-select .cptm-form-group--api-select-re-sync span.la { - font-size: 16px; - color: #0a0a0a; - margin-left: 8px; + font-size: 16px; + color: #0a0a0a; + margin-left: 8px; } .cptm-form-title-field { - margin-bottom: 16px; + margin-bottom: 16px; } .cptm-form-title-field .cptm-form-title-field__label { - font-size: 14px; - font-weight: 600; - color: #000000; - margin: 0 0 4px; + font-size: 14px; + font-weight: 600; + color: #000000; + margin: 0 0 4px; } .cptm-form-title-field .cptm-form-title-field__description { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .cptm-form-title-field .cptm-form-title-field__description a { - color: #345af4; + color: #345af4; } .cptm-elements-settings { - width: 100%; - max-width: 372px; - padding: 0 20px; - scrollbar-width: 6px; - border-left: 1px solid #e5e7eb; - scrollbar-color: #d2d6db #f3f4f6; + width: 100%; + max-width: 372px; + padding: 0 20px; + scrollbar-width: 6px; + border-left: 1px solid #e5e7eb; + scrollbar-color: #d2d6db #f3f4f6; } @media only screen and (max-width: 1199px) { - .cptm-elements-settings { - max-width: 100%; - } + .cptm-elements-settings { + max-width: 100%; + } } @media only screen and (max-width: 782px) { - .cptm-elements-settings { - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .cptm-elements-settings { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } @media only screen and (max-width: 480px) { - .cptm-elements-settings { - border: none; - padding: 0; - } + .cptm-elements-settings { + border: none; + padding: 0; + } } .cptm-elements-settings__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 18px 0 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 18px 0 8px; } .cptm-elements-settings__header__title { - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #141921; - margin: 0; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #141921; + margin: 0; } .cptm-elements-settings__group { - padding: 20px 0; - border-bottom: 1px solid #e5e7eb; + padding: 20px 0; + border-bottom: 1px solid #e5e7eb; } .cptm-elements-settings__group .dndrop-draggable-wrapper { - position: relative; - overflow: visible !important; + position: relative; + overflow: visible !important; } .cptm-elements-settings__group .dndrop-draggable-wrapper.dragging { - opacity: 0; + opacity: 0; } .cptm-elements-settings__group:last-child { - border-bottom: none; + border-bottom: none; } .cptm-elements-settings__group__title { - display: block; - font-size: 12px; - font-weight: 500; - letter-spacing: 0.48px; - color: #747c89; - margin-bottom: 15px; + display: block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.48px; + color: #747c89; + margin-bottom: 15px; } .cptm-elements-settings__group__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px; - border-radius: 4px; - background: #f3f4f6; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px; + border-radius: 4px; + background: #f3f4f6; } .cptm-elements-settings__group__single:hover { - border-color: #3e62f5; + border-color: #3e62f5; } .cptm-elements-settings__group__single .drag-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 16px; - color: #747c89; - background: transparent; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: move; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; + color: #747c89; + background: transparent; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + cursor: move; } .cptm-elements-settings__group__single .drag-icon:hover { - color: #1e1e1e; + color: #1e1e1e; } .cptm-elements-settings__group__single__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #383f47; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #383f47; } .cptm-elements-settings__group__single__label__icon { - color: #4d5761; - font-size: 24px; + color: #4d5761; + font-size: 24px; } @media only screen and (max-width: 480px) { - .cptm-elements-settings__group__single__label__icon { - font-size: 20px; - } + .cptm-elements-settings__group__single__label__icon { + font-size: 20px; + } } .cptm-elements-settings__group__single__action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 12px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 12px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .cptm-elements-settings__group__single__edit { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-elements-settings__group__single__edit__icon { - font-size: 20px; - color: #4d5761; + font-size: 20px; + color: #4d5761; } .cptm-elements-settings__group__single__edit--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__single__switch label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - position: relative; - width: 32px; - height: 18px; - cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + width: 32px; + height: 18px; + cursor: pointer; } .cptm-elements-settings__group__single__switch label::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-color: #d2d6db; - border-radius: 30px; - -webkit-transition: all 0.3s; - transition: all 0.3s; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: #d2d6db; + border-radius: 30px; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .cptm-elements-settings__group__single__switch label::after { - content: ""; - position: absolute; - top: 3px; - right: 3px; - width: 12px; - height: 12px; - background-color: #ffffff; - border-radius: 50%; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} -.cptm-elements-settings__group__single__switch input[type=checkbox] { - display: none; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before { - background-color: #3e62f5; -} -.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after { - -webkit-transform: translateX(-14px); - transform: translateX(-14px); + content: ""; + position: absolute; + top: 3px; + right: 3px; + width: 12px; + height: 12px; + background-color: #ffffff; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.cptm-elements-settings__group__single__switch input[type="checkbox"] { + display: none; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::before { + background-color: #3e62f5; +} +.cptm-elements-settings__group__single__switch + input[type="checkbox"]:checked + + label::after { + -webkit-transform: translateX(-14px); + transform: translateX(-14px); } .cptm-elements-settings__group__single--disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .cptm-elements-settings__group__options { - position: absolute; - width: 100%; - top: 42px; - right: 0; - z-index: 1; - padding-bottom: 20px; + position: absolute; + width: 100%; + top: 42px; + right: 0; + z-index: 1; + padding-bottom: 20px; } .cptm-elements-settings__group__options .cptm-option-card { - margin: 0; - background: #fff; - -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); - box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + margin: 0; + background: #fff; + -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); + box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843); } .cptm-elements-settings__group__options .cptm-option-card:before { - left: 60px; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header { - padding: 0; - border-radius: 8px 8px 0 0; - background: transparent; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section { - padding: 16px; - min-height: auto; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title { - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - padding: 0; - color: #4d5761; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 16px; - background: transparent; - border-top: 1px solid #e5e7eb; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: none; - box-shadow: none; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group { - margin-bottom: 0; -} -.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label { - font-size: 13px; - font-weight: 500; + left: 60px; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header { + padding: 0; + border-radius: 8px 8px 0 0; + background: transparent; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section { + padding: 16px; + min-height: auto; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-option-card-header-title { + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-header + .cptm-option-card-header-title-section + .cptm-header-action-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 18px; + height: 18px; + padding: 0; + color: #4d5761; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 16px; + background: transparent; + border-top: 1px solid #e5e7eb; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: none; + box-shadow: none; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group { + margin-bottom: 0; +} +.cptm-elements-settings__group__options + .cptm-option-card + .cptm-option-card-body + .cptm-form-group + label { + font-size: 13px; + font-weight: 500; } .cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper { - margin-bottom: 8px; + margin-bottom: 8px; } -.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child { - margin-bottom: 0; +.cptm-elements-settings__group + .dndrop-container + .dndrop-draggable-wrapper:last-child { + margin-bottom: 0; } .cptm-shortcode-generator { - max-width: 100%; + max-width: 100%; } .cptm-shortcode-generator .cptm-generate-shortcode-button { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - padding: 9px 20px; - margin: 0; - background-color: #fff; - color: #3e62f5; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + padding: 9px 20px; + margin: 0; + background-color: #fff; + color: #3e62f5; } .cptm-shortcode-generator .cptm-generate-shortcode-button:hover { - color: #fff; + color: #fff; } .cptm-shortcode-generator .cptm-generate-shortcode-button i { - font-size: 14px; + font-size: 14px; } .cptm-shortcode-generator .cptm-shortcodes-wrapper { - margin-top: 20px; + margin-top: 20px; } .cptm-shortcode-generator .cptm-shortcodes-box { - position: relative; - background-color: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 4px; - padding: 10px 12px; + position: relative; + background-color: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 4px; + padding: 10px 12px; } .cptm-shortcode-generator .cptm-copy-icon-button { - position: absolute; - top: 12px; - left: 12px; - background: transparent; - border: none; - cursor: pointer; - padding: 8px; - color: #555; - font-size: 18px; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; - z-index: 10; + position: absolute; + top: 12px; + left: 12px; + background: transparent; + border: none; + cursor: pointer; + padding: 8px; + color: #555; + font-size: 18px; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + z-index: 10; } .cptm-shortcode-generator .cptm-copy-icon-button:hover { - color: #000; + color: #000; } .cptm-shortcode-generator .cptm-copy-icon-button:focus { - outline: 2px solid #0073aa; - outline-offset: 2px; - border-radius: 4px; + outline: 2px solid #0073aa; + outline-offset: 2px; + border-radius: 4px; } .cptm-shortcode-generator .cptm-shortcodes-content { - padding-left: 40px; + padding-left: 40px; } .cptm-shortcode-generator .cptm-shortcode-item { - margin: 0; - padding: 2px 6px; - font-size: 14px; - color: #000000; - line-height: 1.6; + margin: 0; + padding: 2px 6px; + font-size: 14px; + color: #000000; + line-height: 1.6; } .cptm-shortcode-generator .cptm-shortcode-item:hover { - background-color: #e5e7eb; + background-color: #e5e7eb; } .cptm-shortcode-generator .cptm-shortcode-item:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .cptm-shortcode-generator .cptm-shortcodes-footer { - margin-top: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - font-size: 12px; - color: #747c89; + margin-top: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + font-size: 12px; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-text { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-footer-separator { - color: #747c89; + color: #747c89; } .cptm-shortcode-generator .cptm-regenerate-link { - color: #3e62f5; - text-decoration: none; - font-weight: 500; - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; + color: #3e62f5; + text-decoration: none; + font-weight: 500; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; } .cptm-shortcode-generator .cptm-regenerate-link:hover { - color: #3e62f5; - text-decoration: underline; + color: #3e62f5; + text-decoration: underline; } .cptm-shortcode-generator .cptm-regenerate-link:focus { - outline: 2px solid #3e62f5; - outline-offset: 2px; - border-radius: 2px; + outline: 2px solid #3e62f5; + outline-offset: 2px; + border-radius: 2px; } .cptm-shortcode-generator .cptm-no-shortcodes { - margin-top: 12px; + margin-top: 12px; } .cptm-shortcode-generator .cptm-form-group-info { - font-size: 14px; - color: #4d5761; + font-size: 14px; + color: #4d5761; } .cptm-theme-butterfly .cptm-info-text { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; + margin-bottom: 35px; } .atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } .atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; + margin: 0; + padding: 0; + width: 100%; + max-width: unset; } .atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; + font-size: 18px; + line-height: unset; } .atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; + font-size: 20px; + font-weight: 500; + color: #23282d; + margin-bottom: 50px; } .atbdp-settings-panel .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 8px; - margin-bottom: 50px !important; + border: 1px solid #e3e6ef; + border-radius: 8px; + margin-bottom: 50px !important; } .atbdp-settings-panel .cptm-section .cptm-title-area { - border-bottom: 1px solid #E3E6EF; - padding: 20px 25px; - margin-bottom: 0; + border-bottom: 1px solid #e3e6ef; + padding: 20px 25px; + margin-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area.directorist-no-header { - border-bottom: 0 none; - margin-bottom: 0; - padding-bottom: 0; + border-bottom: 0 none; + margin-bottom: 0; + padding-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; + font-size: 20px; + font-weight: 500; + color: #000000; } .atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; + padding: 20px 25px 0 25px; } .atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper { - margin: 0; - padding: 0; - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 14px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - width: 40px; - height: 40px; - border-radius: 8px; - color: #4D5761; - background: #E5E7EB; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - aspect-ratio: 1/1; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon svg { - width: 16px; - height: 16px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon i { - color: #4D5761; -} -.atbdp-settings-panel .cptm-section.button_type, .atbdp-settings-panel .cptm-section.enable_multi_directory { - z-index: 11; + font-size: 15px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon-wrapper { + margin: 0; + padding: 0; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 14px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + width: 40px; + height: 40px; + border-radius: 8px; + color: #4d5761; + background: #e5e7eb; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + aspect-ratio: 1/1; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + svg { + width: 16px; + height: 16px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + i { + color: #4d5761; +} +.atbdp-settings-panel .cptm-section.button_type, +.atbdp-settings-panel .cptm-section.enable_multi_directory { + z-index: 11; } .atbdp-settings-panel #style_settings__color_settings .cptm-section { - z-index: unset; + z-index: unset; } /* settings panel css */ .atbdp-settings-manager .directorist_builder-header { - margin-bottom: 30px; + margin-bottom: 30px; } .atbdp-settings-manager .atbdp-settings-manager__top { - max-width: 1200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links { - margin: 0; - padding: 0; - margin-top: 10px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li:not(:last-child) { - margin-left: 25px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li a { - font-size: 14px; - text-decoration: none; - color: #5a5f7d; + max-width: 1200px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links { + margin: 0; + padding: 0; + margin-top: 10px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li { + display: inline-block; + margin-bottom: 0; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li:not(:last-child) { + margin-left: 25px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li + a { + font-size: 14px; + text-decoration: none; + color: #5a5f7d; } .atbdp-settings-manager .atbdp-settings-manager__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 24px; - font-weight: 500; - color: #23282d; - margin-bottom: 28px; -} -.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: none; - margin: 8px 30px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 24px; + font-weight: 500; + color: #23282d; + margin-bottom: 28px; +} +.atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: none; + margin: 8px 30px 0 0; } @media only screen and (max-width: 575px) { - .atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: block; - } + .atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: block; + } } -.directorist_vertical-align-m .directorist_item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} .directorist_vertical-align-m { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist_vertical-align-m .directorist_item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start { - font-size: 14px; - font-weight: 500; - color: #2c99ff; - border-radius: 18px; - padding: 6px 13px; - text-decoration: none; - border-color: #2c99ff; - margin-bottom: 0; - margin-right: 20px; + font-size: 14px; + font-weight: 500; + color: #2c99ff; + border-radius: 18px; + padding: 6px 13px; + text-decoration: none; + border-color: #2c99ff; + margin-bottom: 0; + margin-right: 20px; } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .atbdp-row .atbdp-col.atbdp-col-4 { - width: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + .atbdp-settings-manager + .settings-contents + .atbdp-row + .atbdp-col.atbdp-col-4 { + width: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + } } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .cptm-form-group label { - margin-bottom: 15px; - } + .atbdp-settings-manager .settings-contents .cptm-form-group label { + margin-bottom: 15px; + } } -.atbdp-settings-manager .settings-contents .directorist_dropdown .directorist_dropdown-toggle { - line-height: 0.8; +.atbdp-settings-manager + .settings-contents + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 0.8; } .directorist_settings-trigger { - display: inline-block; - cursor: pointer; + display: inline-block; + cursor: pointer; } .directorist_settings-trigger span { - display: block; - width: 20px; - height: 2px; - background-color: #272b41; + display: block; + width: 20px; + height: 2px; + background-color: #272b41; } .directorist_settings-trigger span:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .settings-wrapper { - width: 100%; - margin: 0 auto; + width: 100%; + margin: 0 auto; } .atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; + max-width: 1200px; + margin: 0 !important; } .setting-top-bar { - background-color: #272b41; - padding: 15px 20px; - border-radius: 5px 5px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + background-color: #272b41; + padding: 15px 20px; + border-radius: 5px 5px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar .atbdp-setting-top-bar-right { - margin-top: 15px; - } + .setting-top-bar .atbdp-setting-top-bar-right { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar .atbdp-setting-top-bar-right { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar .atbdp-setting-top-bar-right { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field { - margin-left: 5px; + margin-left: 5px; } -.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field input { - border-radius: 20px; - color: #fff !important; +.setting-top-bar + .atbdp-setting-top-bar-right + .setting-top-bar__search-field + input { + border-radius: 20px; + color: #fff !important; } .setting-top-bar .directorist_setting-panel__pages { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .setting-top-bar .directorist_setting-panel__pages li { - display: inline-block; - margin-bottom: 0; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link { - text-decoration: none; - font-size: 14px; - font-weight: 400; - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active { - color: #fff; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active::before { - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; -} -.setting-top-bar .directorist_setting-panel__pages li + li .directorist_setting-panel__pages--link:before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - content: "\f105"; - margin: 0px 5px 0 2px; - font-weight: 900; - position: relative; - top: 1px; + display: inline-block; + margin-bottom: 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link { + text-decoration: none; + font-size: 14px; + font-weight: 400; + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active { + color: #fff; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active::before { + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link:focus { + outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + + li + .directorist_setting-panel__pages--link:before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: "\f105"; + margin: 0px 5px 0 2px; + font-weight: 900; + position: relative; + top: 1px; } .setting-top-bar .search-suggestions-list { - border-radius: 5px; - padding: 20px; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - height: 360px; - overflow-y: auto; + border-radius: 5px; + padding: 20px; + -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + height: 360px; + overflow-y: auto; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link { - padding: 8px 10px; - font-size: 14px; - font-weight: 500; - border-radius: 4px; - color: #5a5f7d; + padding: 8px 10px; + font-size: 14px; + font-weight: 500; + border-radius: 4px; + color: #5a5f7d; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .setting-top-bar__search-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions { - margin-top: 15px; - } + .setting-top-bar__search-actions { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions .setting-response-feedback { - margin-right: 0 !important; - } + .setting-top-bar__search-actions .setting-response-feedback { + margin-right: 0 !important; + } } .setting-response-feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; } .setting-search-suggestions { - position: relative; - z-index: 999; + position: relative; + z-index: 999; } .search-suggestions-list { - margin: 5px auto 0; - position: absolute; - width: 100%; - z-index: 9999; - -webkit-box-shadow: 0 0 3px #ccc; - box-shadow: 0 0 3px #ccc; - background-color: #fff; + margin: 5px auto 0; + position: absolute; + width: 100%; + z-index: 9999; + -webkit-box-shadow: 0 0 3px #ccc; + box-shadow: 0 0 3px #ccc; + background-color: #fff; } .search-suggestions-list--list-item { - list-style: none; + list-style: none; } .search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; + display: block; + padding: 10px 15px; + text-decoration: none; + -webkit-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; } .search-suggestions-list--link:hover { - background-color: #f2f2f2; + background-color: #f2f2f2; } .setting-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .settings-contents { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 20px 20px 0; - background-color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 20px 20px 0; + background-color: #fff; } .setting-search-field__input { - height: 40px; - padding: 0 16px !important; - border: 0 none !important; - background-color: rgba(255, 255, 255, 0.031372549) !important; - border-radius: 4px; - color: rgba(255, 255, 255, 0.3137254902) !important; - width: 250px; - max-width: 250px; - font-size: 14px; + height: 40px; + padding: 0 16px !important; + border: 0 none !important; + background-color: rgba(255, 255, 255, 0.031372549) !important; + border-radius: 4px; + color: rgba(255, 255, 255, 0.3137254902) !important; + width: 250px; + max-width: 250px; + font-size: 14px; } .setting-search-field__input:focus { - outline: none; - -webkit-box-shadow: 0 0 !important; - box-shadow: 0 0 !important; + outline: none; + -webkit-box-shadow: 0 0 !important; + box-shadow: 0 0 !important; } .settings-save-btn { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .settings-save-btn:focus { - color: #fff; - outline: none; + color: #fff; + outline: none; } .settings-save-btn:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } .settings-save-btn:disabled { - opacity: 0.8; - cursor: not-allowed; + opacity: 0.8; + cursor: not-allowed; } .setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background-color: #f6f6f6; - border-left: 1px solid #f6f6f6; + min-width: 250px; + max-width: 250px; + background-color: #f6f6f6; + border-left: 1px solid #f6f6f6; } @media only screen and (max-width: 767px) { - .setting-left-sibebar { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100vh; - overflow-y: auto; - background-color: #fff; - -webkit-transform: translateX(250px); - transform: translateX(250px); - -webkit-transition: 0.35s; - transition: 0.35s; - z-index: 99999; - } + .setting-left-sibebar { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100vh; + overflow-y: auto; + background-color: #fff; + -webkit-transform: translateX(250px); + transform: translateX(250px); + -webkit-transition: 0.35s; + transition: 0.35s; + z-index: 99999; + } } .setting-left-sibebar.active { - -webkit-transform: translateX(0px); - transform: translateX(0px); + -webkit-transform: translateX(0px); + transform: translateX(0px); } .directorist_settings-panel-shade { - position: fixed; - width: 100%; - height: 100%; - right: 0; - top: 0; - background-color: rgba(39, 43, 65, 0.1882352941); - z-index: -1; - opacity: 0; - visibility: hidden; + position: fixed; + width: 100%; + height: 100%; + right: 0; + top: 0; + background-color: rgba(39, 43, 65, 0.1882352941); + z-index: -1; + opacity: 0; + visibility: hidden; } .directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; + z-index: 999; + opacity: 1; + visibility: visible; } .settings-nav { - margin: 0; - padding: 0; - list-style-type: none; + margin: 0; + padding: 0; + list-style-type: none; } .settings-nav li { - list-style: none; + list-style: none; } .settings-nav a { - text-decoration: none; + text-decoration: none; } .settings-nav__item.active { - background-color: #fff; + background-color: #fff; } .settings-nav__item ul { - padding-right: 0; - background-color: #fff; - display: none; + padding-right: 0; + background-color: #fff; + display: none; } .settings-nav__item.active ul { - display: block; + display: block; } .settings-nav__item__link { - line-height: 50px; - padding: 0 25px; - font-size: 14px; - font-weight: 500; - color: #272b41; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + line-height: 50px; + padding: 0 25px; + font-size: 14px; + font-weight: 500; + color: #272b41; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .settings-nav__item__link:hover { - background-color: #fff; + background-color: #fff; } .settings-nav__item.active .settings-nav__item__link { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon { - display: inline-block; - width: 32px; + display: inline-block; + width: 32px; } .settings-nav__item__icon i { - font-size: 15px; + font-size: 15px; } .settings-nav__item__icon i.directorist_Blue { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon i.directorist_success { - color: #08bf9c; + color: #08bf9c; } .settings-nav__item__icon i.directorist_pink { - color: #ff408c; + color: #ff408c; } .settings-nav__item__icon i.directorist_warning { - color: #fa8b0c; + color: #fa8b0c; } .settings-nav__item__icon i.directorist_info { - color: #2c99ff; + color: #2c99ff; } .settings-nav__item__icon i.directorist_green { - color: #00b158; + color: #00b158; } .settings-nav__item__icon i.directorist_danger { - color: #ff272a; + color: #ff272a; } .settings-nav__item__icon i.directorist_wordpress { - color: #0073aa; + color: #0073aa; } /* .settings-nav__item ul li { margin-bottom: 25px; } */ .settings-nav__item ul li a { - line-height: 25px; - padding: 10px 58px 10px 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; - font-weight: 500; - color: #5a5f7d; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-right: 2px solid transparent; + line-height: 25px; + padding: 10px 58px 10px 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; + font-weight: 500; + color: #5a5f7d; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-right: 2px solid transparent; } .settings-nav__item ul li a:focus { - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - outline: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + outline: 0 none; } .settings-nav__item ul li a.active { - color: #3e62f5; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - border-right-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + border-right-color: #3e62f5; } .settings-nav__item ul li a:hover { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); } span.drop-toggle-caret { - width: 10px; - height: 5px; - margin-right: auto; + width: 10px; + height: 5px; + margin-right: auto; } span.drop-toggle-caret:before { - position: absolute; - content: ""; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - border-top: 5px solid #868eae; + position: absolute; + content: ""; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #868eae; } -.settings-nav__item.active .settings-nav__item__link span.drop-toggle-caret:before { - border-top: 0; - border-bottom: 5px solid #3e62f5; +.settings-nav__item.active + .settings-nav__item__link + span.drop-toggle-caret:before { + border-top: 0; + border-bottom: 5px solid #3e62f5; } .highlight-field { - padding: 10px; - border: 2px solid #3e62f5; + padding: 10px; + border: 2px solid #3e62f5; } .settings-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -20px; - padding: 15px 15px 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - background-color: #f8f9fb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0 -20px; + padding: 15px 15px 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + background-color: #f8f9fb; } .settings-footer .setting-response-feedback { - color: #272b41; + color: #272b41; } .settings-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - color: #272b41; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + color: #272b41; } .atbdp-settings-panel .cptm-form-control, .atbdp-settings-panel .directorist_dropdown { - max-width: 500px !important; + max-width: 500px !important; } #page_settings .cptm-menu-title { - display: none; + display: none; } #personalization .cptm-menu-title { - display: none; + display: none; } #import_export .cptm-menu-title { - display: none; + display: none; } .directorist-extensions > td > div { - margin: -2px 35px 10px; - border: 1px solid #E3E6EF; - padding: 13px 15px 15px; - border-radius: 5px; - position: relative; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + margin: -2px 35px 10px; + border: 1px solid #e3e6ef; + padding: 13px 15px 15px; + border-radius: 5px; + position: relative; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .ext-more { - position: absolute; - right: 0; - bottom: 20px; - width: 100%; - text-align: center; - z-index: 2; + position: absolute; + right: 0; + bottom: 20px; + width: 100%; + text-align: center; + z-index: 2; } .directorist-extensions table { - width: 100%; + width: 100%; } .ext-height-fix { - height: 250px !important; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + height: 250px !important; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .ext-height-fix:before { - position: absolute; - content: ""; - width: 100%; - height: 150px; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.94)), to(#fff)); - background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94), #fff); - right: 0; - bottom: 0; + position: absolute; + content: ""; + width: 100%; + height: 150px; + background: -webkit-gradient( + linear, + right top, + right bottom, + from(rgba(255, 255, 255, 0)), + color-stop(rgba(255, 255, 255, 0.94)), + to(#fff) + ); + background: linear-gradient( + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.94), + #fff + ); + right: 0; + bottom: 0; } .ext-more-link { - color: #090E2A; - font-size: 14px; - font-weight: 500; + color: #090e2a; + font-size: 14px; + font-weight: 500; } .directorist-setup-wizard-vh-none { - height: auto; + height: auto; } .directorist-setup-wizard-wrapper { - padding: 100px 0; + padding: 100px 0; } .atbdp-setup-content { - font-family: Arial; - width: 700px; - color: #3e3e3e; - border-radius: 5px; - -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - background-color: #fff; - overflow: hidden; + font-family: Arial; + width: 700px; + color: #3e3e3e; + border-radius: 5px; + -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + background-color: #fff; + overflow: hidden; } .atbdp-setup-content .atbdp-c-header { - padding: 32px 40px 23px; - border-bottom: 1px solid #f1f2f6; + padding: 32px 40px 23px; + border-bottom: 1px solid #f1f2f6; } .atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; + font-size: 28px; + font-weight: 600; + margin: 0; } .atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; + padding: 30px 40px 50px; } .atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; + text-align: center; + margin-bottom: 40px; } .atbdp-setup-content .atbdp-c-logo img { - width: 200px; + width: 200px; } .atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5a5f7d; + font-size: 16px; + line-height: 26px; + color: #5a5f7d; } .atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; + font-size: 26px; + font-weight: 500; } .wintro-text { - margin-top: 100px; + margin-top: 100px; } .atbdp-setup-content .atbdp-c-footer { - background-color: #f4f5f7; - padding: 20px 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + background-color: #f4f5f7; + padding: 20px 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .atbdp-setup-content .atbdp-c-footer p { - margin: 0; + margin: 0; } .wbtn { - padding: 0 20px; - line-height: 48px; - display: inline-block; - border-radius: 5px; - border: 1px solid #e3e6ef; - font-size: 15px; - text-decoration: none; - color: #5a5f7d; - background-color: #fff; - cursor: pointer; + padding: 0 20px; + line-height: 48px; + display: inline-block; + border-radius: 5px; + border: 1px solid #e3e6ef; + font-size: 15px; + text-decoration: none; + color: #5a5f7d; + background-color: #fff; + cursor: pointer; } .wbtn-primary { - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - margin-right: 6px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + margin-right: 6px; } .w-skip-link { - color: #5a5f7d; - font-size: 15px; - margin-left: 10px; - display: inline-block; - text-decoration: none; + color: #5a5f7d; + font-size: 15px; + margin-left: 10px; + display: inline-block; + text-decoration: none; } .w-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 25px; } .w-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .w-form-group label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - font-weight: 500; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + font-weight: 500; } .w-form-group div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .w-form-group select, -.w-form-group input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - border: 1px solid #c6d0dc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; +.w-form-group input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + border: 1px solid #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; } .atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299b8; + display: block; + margin-top: 4px; + color: #9299b8; } .w-toggle-switch { - position: relative; - width: 48px; - height: 26px; + position: relative; + width: 48px; + height: 26px; } .w-toggle-switch .w-switch { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 0; - font-size: 15px; - right: 0; - line-height: 0; - outline: none; - position: absolute; - top: 0; - width: 0; - cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 0; + font-size: 15px; + right: 0; + line-height: 0; + outline: none; + position: absolute; + top: 0; + width: 0; + cursor: pointer; } .w-toggle-switch .w-switch:before, .w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; + content: ""; + font-size: 15px; + position: absolute; } .w-toggle-switch .w-switch:before { - border-radius: 19px; - background-color: #c8cadf; - height: 26px; - right: -4px; - top: -3px; - -webkit-transition: background-color 0.25s ease-out 0.1s; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; + border-radius: 19px; + background-color: #c8cadf; + height: 26px; + right: -4px; + top: -3px; + -webkit-transition: background-color 0.25s ease-out 0.1s; + transition: background-color 0.25s ease-out 0.1s; + width: 48px; } .w-toggle-switch .w-switch:after { - -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background-color: #fefefe; - height: 18px; - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; - transition: -webkit-transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; + -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + border-radius: 50%; + background-color: #fefefe; + height: 18px; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; + transition: -webkit-transform 0.25s ease-out 0.1s; + transition: transform 0.25s ease-out 0.1s; + transition: + transform 0.25s ease-out 0.1s, + -webkit-transform 0.25s ease-out 0.1s; + width: 18px; + top: 1px; } .w-toggle-switch .w-switch:checked:after { - -webkit-transform: translate(-20px, 0); - transform: translate(-20px, 0); + -webkit-transform: translate(-20px, 0); + transform: translate(-20px, 0); } .w-toggle-switch .w-switch:checked:before { - background-color: #4353ff; + background-color: #4353ff; } .w-input-group { - position: relative; + position: relative; } .w-input-group span { - position: absolute; - right: 1px; - top: 1px; - height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299b8; - background-color: #eff0f3; - border-radius: 0 4px 4px 0; + position: absolute; + right: 1px; + top: 1px; + height: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + padding: 0 12px; + color: #9299b8; + background-color: #eff0f3; + border-radius: 0 4px 4px 0; } .w-input-group input { - padding-right: 58px !important; + padding-right: 58px !important; } .wicon-done { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 50px; - background-color: #0fb73b; - border-radius: 50%; - width: 80px; - height: 80px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #fff; - margin-bottom: 10px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 50px; + background-color: #0fb73b; + border-radius: 50%; + width: 80px; + height: 80px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + margin-bottom: 10px; } .wsteps-done { - margin-top: 30px; - text-align: center; + margin-top: 30px; + text-align: center; } .wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; + font-size: 24px; + font-weight: 500; + margin-bottom: 50px; } .wbtn-outline-primary { - border-color: #4353ff; - color: #4353ff; - margin-right: 6px; + border-color: #4353ff; + color: #4353ff; + margin-right: 6px; } .atbdp-c-footer-center { - -webkit-box-pack: center !important; - -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; - padding: 30px !important; + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + padding: 30px !important; } .atbdp-c-footer-center a { - color: #2c99ff; + color: #2c99ff; } .atbdp-none { - display: none; + display: none; } .directorist-importer__importing { - position: relative; + position: relative; } .directorist-importer__importing h2 { - margin-top: 0; + margin-top: 0; } /* progressbar style */ .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 30px; - overflow: hidden; - position: relative; + border-radius: 15px; + width: 100%; + height: 30px; + overflow: hidden; + position: relative; } .directorist-importer__importing .directorist-importer-wrapper { - position: relative; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length { - position: absolute; - height: 100%; - right: 0; - top: 0; - overflow: hidden; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length:before { - position: absolute; - content: ""; - width: 40px; - height: 100%; - right: 0; - top: 0; - background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, 0.25)), to(transparent)); - background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25), transparent); - -webkit-animation: slideRight 2s linear infinite; - animation: slideRight 2s linear infinite; + position: relative; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length { + position: absolute; + height: 100%; + right: 0; + top: 0; + overflow: hidden; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length:before { + position: absolute; + content: ""; + width: 40px; + height: 100%; + right: 0; + top: 0; + background: -webkit-gradient( + linear, + right top, + left top, + from(transparent), + color-stop(rgba(255, 255, 255, 0.25)), + to(transparent) + ); + background: linear-gradient( + to left, + transparent, + rgba(255, 255, 255, 0.25), + transparent + ); + -webkit-animation: slideRight 2s linear infinite; + animation: slideRight 2s linear infinite; } @-webkit-keyframes slideRight { - from { - right: 0; - } - to { - right: 100%; - } + from { + right: 0; + } + to { + right: 100%; + } } @keyframes slideRight { - from { - right: 0; - } - to { - right: 100%; - } + from { + right: 0; + } + to { + right: 100%; + } } .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .directorist-importer__importing progress::-webkit-progress-value { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing span.importer-notice { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-bottom: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-bottom: 13px; } .directorist-importer__importing span.importer-details { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-top: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-top: 13px; } .directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - left: 20px; - top: 26px; - background: transparent; - border-left-color: #4353ff; - -webkit-animation: swRotate 2s linear infinite; - animation: swRotate 2s linear infinite; + width: 15px; + height: 15px; + border-radius: 50%; + border: 3px solid #ddd; + position: absolute; + left: 20px; + top: 26px; + background: transparent; + border-left-color: #4353ff; + -webkit-animation: swRotate 2s linear infinite; + animation: swRotate 2s linear infinite; } @-webkit-keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } /* custom select */ .w-form-group .select2-container--default .select2-selection--single { - height: 40px; - border: 1px solid #c6d0dc; - border-radius: 4px; + height: 40px; + border: 1px solid #c6d0dc; + border-radius: 4px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__rendered { - color: #5a5f7d; - line-height: 38px; - padding: 0 15px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + color: #5a5f7d; + line-height: 38px; + padding: 0 15px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { - height: 38px; - left: 5px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__arrow { + height: 38px; + left: 5px; } .w-form-group span.select2-selection.select2-selection--single:focus { - outline: 0; + outline: 0; } .select2-dropdown { - border: 1px solid #c6d0dc !important; - border-top: 0 none !important; + border: 1px solid #c6d0dc !important; + border-top: 0 none !important; } -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true] { - background-color: #eee !important; +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"] { + background-color: #eee !important; } -.directorist-content-active .select2-container--default .select2-results__option--highlighted, -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { - background-color: #4353ff !important; +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted, +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"].select2-results__option--highlighted { + background-color: #4353ff !important; } .btn-hide { - display: none; + display: none; } .directorist-setup-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - height: auto; - margin: 0; - font-family: "Inter"; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + height: auto; + margin: 0; + font-family: "Inter"; } .directorist-setup-wizard__wrapper { - height: 100%; - min-height: 100vh; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; - padding: 0; - background-color: #f4f5f7; + height: 100%; + min-height: 100vh; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + padding: 0; + background-color: #f4f5f7; } .directorist-setup-wizard__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .directorist-setup-wizard__header__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - max-width: 700px; - padding: 15px 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 15px; + max-width: 700px; + padding: 15px 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } @media (max-width: 767px) { - .directorist-setup-wizard__header__step { - position: absolute; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: 80px; - width: 100%; - padding: 15px 20px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-setup-wizard__header__step { + position: absolute; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + top: 80px; + width: 100%; + padding: 15px 20px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } } .directorist-setup-wizard__header__step .atbdp-setup-steps { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 25px; - overflow: hidden; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 25px; + overflow: hidden; } .directorist-setup-wizard__header__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; } .directorist-setup-wizard__header__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 12px; - background-color: #ebebeb; -} -.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, .directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { - background-color: #4353ff; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + height: 12px; + background-color: #ebebeb; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, +.directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { + background-color: #4353ff; } .directorist-setup-wizard__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-left: 1px solid #e7e7e7; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + border-left: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-setup-wizard__logo { - border: none; - } + .directorist-setup-wizard__logo { + border: none; + } } .directorist-setup-wizard__logo img { - width: 140px; + width: 140px; } .directorist-setup-wizard__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - -webkit-margin-start: 138px; - margin-inline-start: 138px; - border-right: 1px solid #e7e7e7; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + -webkit-margin-start: 138px; + margin-inline-start: 138px; + border-right: 1px solid #e7e7e7; } @media (max-width: 1199px) { - .directorist-setup-wizard__close { - -webkit-margin-start: 0; - margin-inline-start: 0; - } + .directorist-setup-wizard__close { + -webkit-margin-start: 0; + margin-inline-start: 0; + } } .directorist-setup-wizard__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; } .directorist-setup-wizard__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-setup-wizard__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + padding: 15px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-setup-wizard__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-setup-wizard__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-setup-wizard__btn { - padding: 0 20px; - height: 48px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 48px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-setup-wizard__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__btn:disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-setup-wizard__btn { - gap: 15px; - } + .directorist-setup-wizard__btn { + gap: 15px; + } } .directorist-setup-wizard__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-setup-wizard__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-setup-wizard__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-setup-wizard__btn--next { - position: relative; - gap: 10px; - padding: 0 25px; + position: relative; + gap: 10px; + padding: 0 25px; } @media (max-width: 375px) { - .directorist-setup-wizard__btn--next { - padding: 0 20px; - } + .directorist-setup-wizard__btn--next { + padding: 0 20px; + } } .directorist-setup-wizard__btn.loading { - position: relative; + position: relative; } .directorist-setup-wizard__btn.loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-setup-wizard__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 12px; - left: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 12px; + left: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; } .directorist-setup-wizard__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-setup-wizard__next .directorist-setup-wizard__btn { - height: 44px; + height: 44px; } @media (max-width: 375px) { - .directorist-setup-wizard__next { - gap: 15px; - } + .directorist-setup-wizard__next { + gap: 15px; + } } .directorist-setup-wizard__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #000; } .directorist-setup-wizard__back__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-setup-wizard__content__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; - color: #141414; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; + color: #141414; } .directorist-setup-wizard__content__title--section { - font-size: 24px; - font-weight: 500; - margin: 30px 0 15px; + font-size: 24px; + font-weight: 500; + margin: 30px 0 15px; } .directorist-setup-wizard__content__section-title { - font-size: 18px; - line-height: 26px; - font-weight: 600; - margin: 0 0 15px; - color: #141414; + font-size: 18px; + line-height: 26px; + font-weight: 600; + margin: 0 0 15px; + color: #141414; } .directorist-setup-wizard__content__desc { - font-size: 16px; - font-weight: 400; - margin: 0 0 10px; - color: #484848; + font-size: 16px; + font-weight: 400; + margin: 0 0 10px; + color: #484848; } .directorist-setup-wizard__content__header { - margin: 0 auto; - text-align: center; + margin: 0 auto; + text-align: center; } .directorist-setup-wizard__content__header--listings { - max-width: 100%; - text-align: center; + max-width: 100%; + text-align: center; } .directorist-setup-wizard__content__header__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; } .directorist-setup-wizard__content__header__title:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__header__desc { - font-size: 16px; - line-height: 26px; - font-weight: 400; - margin: 0; + font-size: 16px; + line-height: 26px; + font-weight: 400; + margin: 0; } .directorist-setup-wizard__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 40px; - width: 100%; - max-width: 720px; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 40px; + width: 100%; + max-width: 720px; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items { + padding: 35px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__content__items { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--listings { - gap: 30px; - padding: 40px 180px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + gap: 30px; + padding: 40px 180px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } @media (max-width: 991px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 100px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 100px; + } } @media (max-width: 767px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 50px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 50px; + } } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--listings { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items--listings { + padding: 35px 25px; + } } @media (max-width: 375) { - .directorist-setup-wizard__content__items--listings { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items--listings { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--completed { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 0; - padding: 40px 75px 50px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 0; + padding: 40px 75px 50px; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--completed { - padding: 40px 30px 50px; - } + .directorist-setup-wizard__content__items--completed { + padding: 40px 30px 50px; + } } .directorist-setup-wizard__content__items--completed .congratulations-img { - margin: 0 auto 10px; + margin: 0 auto 10px; } .directorist-setup-wizard__content__import { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-setup-wizard__content__import__title { - font-size: 18px; - font-weight: 500; - margin: 0; - color: #141414; + font-size: 18px; + font-weight: 500; + margin: 0; + color: #141414; } .directorist-setup-wizard__content__import__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-setup-wizard__content__import__single label { - font-size: 15px; - font-weight: 400; - position: relative; - padding-right: 30px; - color: #484848; - cursor: pointer; + font-size: 15px; + font-weight: 400; + position: relative; + padding-right: 30px; + color: #484848; + cursor: pointer; } .directorist-setup-wizard__content__import__single label:before { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #b7b7b7; - position: absolute; - right: 0; - top: -1px; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #b7b7b7; + position: absolute; + right: 0; + top: -1px; } .directorist-setup-wizard__content__import__single label:after { - content: ""; - background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg); - background-repeat: no-repeat; - width: 9px; - height: 7px; - position: absolute; - right: 5px; - top: 6px; - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-setup-wizard__content__import__single input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; - border-color: #4353ff; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:after { - opacity: 1; + content: ""; + background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg); + background-repeat: no-repeat; + width: 9px; + height: 7px; + position: absolute; + right: 5px; + top: 6px; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-setup-wizard__content__import__single input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; + border-color: #4353ff; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:after { + opacity: 1; } .directorist-setup-wizard__content__import__btn { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__content__import__notice { - margin-top: 10px; - font-size: 14px; - font-weight: 400; - text-align: center; + margin-top: 10px; + font-size: 14px; + font-weight: 400; + text-align: center; } .directorist-setup-wizard__content__btns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-setup-wizard__content__pricing__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-setup-wizard__content__pricing__checkbox .feature-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__pricing__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - left: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + left: 0; + top: 0; } .directorist-setup-wizard__content__pricing__checkbox label:after { - content: ""; - position: absolute; - left: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:after { - left: 5px; - background-color: #ffffff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ .directorist-setup-wizard__content__pricing__amount { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + content: ""; + position: absolute; + left: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__pricing__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:after { + left: 5px; + background-color: #ffffff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ .directorist-setup-wizard__content__pricing__amount { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-setup-wizard__content__pricing__amount { - display: none; + display: none; } .directorist-setup-wizard__content__pricing__amount .price-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__amount .price-amount { - font-size: 14px; - font-weight: 500; - color: #141414; - border-radius: 8px; - background-color: #ebebeb; - border: 1px solid #ebebeb; - padding: 10px 15px; + font-size: 14px; + font-weight: 500; + color: #141414; + border-radius: 8px; + background-color: #ebebeb; + border: 1px solid #ebebeb; + padding: 10px 15px; } .directorist-setup-wizard__content__pricing__amount .price-amount input { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0; - max-width: 45px; - background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + padding: 0; + max-width: 45px; + background: transparent; } .directorist-setup-wizard__content__gateway__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 0 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 0 0 20px; } .directorist-setup-wizard__content__gateway__checkbox:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__gateway__checkbox .gateway-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__gateway__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__gateway__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - left: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + left: 0; + top: 0; } .directorist-setup-wizard__content__gateway__checkbox label:after { - content: ""; - position: absolute; - left: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:after { - left: 5px; - background-color: #ffffff; + content: ""; + position: absolute; + left: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__gateway__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:after { + left: 5px; + background-color: #ffffff; } .directorist-setup-wizard__content__gateway__checkbox .enable-warning { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - font-size: 12px; - font-style: italic; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + font-size: 12px; + font-style: italic; } .directorist-setup-wizard__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + -webkit-transition: color 0.3s eases; + transition: color 0.3s eases; } .directorist-setup-wizard__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-setup-wizard__checkbox { - width: 100%; - } - .directorist-setup-wizard__checkbox label { - width: 100%; - } + .directorist-setup-wizard__checkbox { + width: 100%; + } + .directorist-setup-wizard__checkbox label { + width: 100%; + } } .directorist-setup-wizard__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + display: none; } .directorist-setup-wizard__checkbox label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #141414; - height: 40px; - line-height: 38px; - padding: 0 15px 0 40px; - border-radius: 5px; - border: 1px solid #d6d6d6; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; + position: relative; + font-size: 14px; + font-weight: 500; + color: #141414; + height: 40px; + line-height: 38px; + padding: 0 15px 0 40px; + border-radius: 5px; + border: 1px solid #d6d6d6; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; } .directorist-setup-wizard__checkbox label:before { - content: ""; - background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg); - background-repeat: no-repeat; - width: 16px; - height: 16px; - position: absolute; - left: 10px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - opacity: 0; -} -.directorist-setup-wizard__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label { - background-color: rgba(67, 83, 255, 0.2509803922); - border-color: transparent; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label::before { - opacity: 1; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:disabled ~ label { - background-color: #ebebeb; - color: #b7b7b7; - cursor: not-allowed; -} -.directorist-setup-wizard__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-setup-wizard__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + content: ""; + background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg); + background-repeat: no-repeat; + width: 16px; + height: 16px; + position: absolute; + left: 10px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + opacity: 0; +} +.directorist-setup-wizard__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:checked ~ label { + background-color: rgba(67, 83, 255, 0.2509803922); + border-color: transparent; +} +.directorist-setup-wizard__checkbox + input[type="checkbox"]:checked + ~ label::before { + opacity: 1; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:disabled ~ label { + background-color: #ebebeb; + color: #b7b7b7; + cursor: not-allowed; +} +.directorist-setup-wizard__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-setup-wizard__checkbox + input[type="text"]::-webkit-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::-moz-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]:-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-setup-wizard__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-setup-wizard__counter { - width: 100%; - text-align: right; + width: 100%; + text-align: right; } .directorist-setup-wizard__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-setup-wizard__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-setup-wizard__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - padding: 50px 15px 100px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 15px; + padding: 50px 15px 100px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 767px) { - .directorist-setup-wizard__step { - padding-top: 100px; - } + .directorist-setup-wizard__step { + padding-top: 100px; + } } .directorist-setup-wizard__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__box { - padding: 30px 25px; - } + .directorist-setup-wizard__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__box { - padding: 30px 20px; - } + .directorist-setup-wizard__box { + padding: 30px 20px; + } } .directorist-setup-wizard__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-setup-wizard__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-setup-wizard__box__content__form { - position: relative; + position: relative; } .directorist-setup-wizard__box__content__form:before { - content: ""; - background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - right: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + right: 18px; + top: 14px; } .directorist-setup-wizard__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -} -.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear, -.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear { - display: none; -} -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear, -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear { - display: block; + background-color: #ffffff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); +} +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-setup-wizard__box__content__input--clear, +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-create-directory__box__content__input--clear { + display: none; +} +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-setup-wizard__box__content__input--clear, +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-create-directory__box__content__input--clear { + display: block; } .directorist-setup-wizard__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-left: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-left: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-setup-wizard__box__content__input--clear { - position: absolute; - left: 40px; - top: 14px; + position: absolute; + left: 40px; + top: 14px; } -.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__box__content__location-icon { - position: absolute; - left: 18px; - top: 14px; + position: absolute; + left: 18px; + top: 14px; } -.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__map { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-setup-wizard__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } -.directorist-setup-wizard__map .leaflet-marker-icon .directorist-icon-mask:after { - width: 30px; - height: 30px; - background-color: #e23636; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); +.directorist-setup-wizard__map + .leaflet-marker-icon + .directorist-icon-mask:after { + width: 30px; + height: 30px; + background-color: #e23636; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .directorist-setup-wizard__notice { - position: absolute; - bottom: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } @-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } /* data Progressing */ .directorist-setup-wizard__step .directorist-setup-wizard__content.hidden { - display: none; + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + -webkit-box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; } .middle-content.hidden { - display: none; + display: none; } .directorist-import-progress-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - grid-gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + grid-gap: 10px; } .directorist-import-progress, .directorist-import-error { - margin-top: 25px; + margin-top: 25px; } .directorist-import-progress .directorist-import-progress-bar-wrap, .directorist-import-error .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .directorist-import-progress .import-progress-gap span, .directorist-import-error .import-progress-gap span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; } .directorist-import-progress .import-progress-gap span:nth-child(1), .directorist-import-error .import-progress-gap span:nth-child(1) { - right: calc(25% - 10px); + right: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - right: calc(50% - 10px); + right: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - right: calc(75% - 10px); + right: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - position: absolute; - right: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + right: 0; + top: 0; + background: #2563eb; + -webkit-transition: all 1s; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; } .directorist-import-progress .directorist-import-progress-info, .directorist-import-error .directorist-import-progress-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 15px; - margin-bottom: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; } .directorist-import-error .directorist-import-error-box { - overflow-y: scroll; + overflow-y: scroll; } .directorist-import-error .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; + width: 100%; + margin-bottom: 15px; } -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - background: #2563eb; +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; } .directorist-import-process-step-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-import-process-step-bottom img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; } .import-done-congrats { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .import-done-congrats span { - margin-right: 17px; + margin-right: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - left: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 7px; + left: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; } .import-done-section .import-done-text { - margin-top: 60px; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: right; + text-align: right; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-family: "Inter"; - margin-right: -20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-family: "Inter"; + margin-right: -20px; } .directorist-create-directory * { - -webkit-box-flex: unset !important; - -webkit-flex-grow: unset !important; - -ms-flex-positive: unset !important; - flex-grow: unset !important; + -webkit-box-flex: unset !important; + -webkit-flex-grow: unset !important; + -ms-flex-positive: unset !important; + flex-grow: unset !important; } .directorist-create-directory__wrapper { - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; - margin: 50px 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 0; + margin: 50px 0; } .directorist-create-directory__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - padding: 12px 32px; - border-bottom: 1px solid #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + padding: 12px 32px; + border-bottom: 1px solid #e5e7eb; } .directorist-create-directory__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-left: 1px solid #e7e7e7; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 25px; + border-left: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-create-directory__logo { - border: none; - } + .directorist-create-directory__logo { + border: none; + } } .directorist-create-directory__logo img { - width: 140px; + width: 140px; } .directorist-create-directory__close__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #141921; } .directorist-create-directory__close__btn svg { - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .directorist-create-directory__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; } .directorist-create-directory__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-create-directory__upgrade { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; } .directorist-create-directory__upgrade__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - font-size: 12px; - line-height: 16px; - font-weight: 600; - color: #141921; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 4px; + font-size: 12px; + line-height: 16px; + font-weight: 600; + color: #141921; + margin: 0; } .directorist-create-directory__upgrade__link { - font-size: 10px; - line-height: 12px; - font-weight: 500; - color: #3e62f5; - margin: 0; - text-decoration: underline; + font-size: 10px; + line-height: 12px; + font-weight: 500; + color: #3e62f5; + margin: 0; + text-decoration: underline; } .directorist-create-directory__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 32px; } .directorist-create-directory__info__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - margin: 0 0 4px; + font-size: 20px; + line-height: 28px; + font-weight: 600; + margin: 0 0 4px; } .directorist-create-directory__info__desc { - font-size: 14px; - line-height: 22px; - font-weight: 400; - margin: 0; + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin: 0; } .directorist-create-directory__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + padding: 15px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-create-directory__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-create-directory__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-create-directory__btn { - padding: 0 20px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - white-space: nowrap; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + white-space: nowrap; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-create-directory__btn:hover { - opacity: 0.85; + opacity: 0.85; } -.directorist-create-directory__btn:disabled, .directorist-create-directory__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; +.directorist-create-directory__btn:disabled, +.directorist-create-directory__btn.disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-create-directory__btn { - gap: 15px; - } + .directorist-create-directory__btn { + gap: 15px; + } } .directorist-create-directory__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-create-directory__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-create-directory__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-create-directory__btn--next { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3e62f5; - border-color: #3e62f5; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border-color: #3e62f5; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); } .directorist-create-directory__btn.loading { - position: relative; + position: relative; } .directorist-create-directory__btn.loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-create-directory__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 10px; - left: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 10px; + left: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; } .directorist-create-directory__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-create-directory__next img { - max-width: 10px; + max-width: 10px; } .directorist-create-directory__next .directorist_regenerate_fields { - gap: 8px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #3e62f5 !important; - background: transparent !important; - border-color: transparent !important; + gap: 8px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #3e62f5 !important; + background: transparent !important; + border-color: transparent !important; } .directorist-create-directory__next .directorist_regenerate_fields.loading { - pointer-events: none; + pointer-events: none; } .directorist-create-directory__next .directorist_regenerate_fields.loading svg { - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } -.directorist-create-directory__next .directorist_regenerate_fields.loading:before, .directorist-create-directory__next .directorist_regenerate_fields.loading:after { - display: none; +.directorist-create-directory__next + .directorist_regenerate_fields.loading:before, +.directorist-create-directory__next + .directorist_regenerate_fields.loading:after { + display: none; } @media (max-width: 375px) { - .directorist-create-directory__next { - gap: 15px; - } + .directorist-create-directory__next { + gap: 15px; + } } .directorist-create-directory__back { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; } .directorist-create-directory__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 14px; - font-weight: 500; - line-height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 14px; + font-weight: 500; + line-height: 20px; } .directorist-create-directory__back__btn svg, .directorist-create-directory__back__btn img { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__back__btn:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-create-directory__back__btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-create-directory__back__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } .directorist-create-directory__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-create-directory__step .atbdp-setup-steps { - width: 100%; - max-width: 130px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 4px; - overflow: hidden; + width: 100%; + max-width: 130px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 4px; + overflow: hidden; } .directorist-create-directory__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; - margin: 0; - -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; + margin: 0; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; } .directorist-create-directory__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 8px; - background-color: #d2d6db; -} -.directorist-create-directory__step .atbdp-setup-steps li.done:after, .directorist-create-directory__step .atbdp-setup-steps li.active:after { - background-color: #6e89f7; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + height: 8px; + background-color: #d2d6db; +} +.directorist-create-directory__step .atbdp-setup-steps li.done:after, +.directorist-create-directory__step .atbdp-setup-steps li.active:after { + background-color: #6e89f7; } .directorist-create-directory__step .step-count { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #747c89; + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #747c89; } .directorist-create-directory__content { - border-radius: 10px; - border: 1px solid #e5e7eb; - background-color: white; - -webkit-box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - max-width: 622px; - min-width: 622px; - overflow: auto; - margin: 0 auto; + border-radius: 10px; + border: 1px solid #e5e7eb; + background-color: white; + -webkit-box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + max-width: 622px; + min-width: 622px; + overflow: auto; + margin: 0 auto; } .directorist-create-directory__content.full-width { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 100vh; - max-width: 100%; - min-width: 100%; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: unset; - background-color: transparent; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + max-width: 100%; + min-width: 100%; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: unset; + background-color: transparent; } .directorist-create-directory__content::-webkit-scrollbar { - display: none; + display: none; } .directorist-create-directory__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 28px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 32px; - width: 100%; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 28px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 32px; + width: 100%; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-create-directory__content__items--columns { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-create-directory__content__form-group-label { - color: #141921; - font-size: 14px; - font-weight: 600; - line-height: 20px; - margin-bottom: 12px; - display: block; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + color: #141921; + font-size: 14px; + font-weight: 600; + line-height: 20px; + margin-bottom: 12px; + display: block; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-create-directory__content__form-group-label .required-label { - color: #d94a4a; - font-weight: 600; + color: #d94a4a; + font-weight: 600; } .directorist-create-directory__content__form-group-label .optional-label { - color: #7e8c9a; - font-weight: 400; + color: #7e8c9a; + font-weight: 400; } .directorist-create-directory__content__form-group { - width: 100%; + width: 100%; } .directorist-create-directory__content__input.form-control { - max-width: 100%; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 7px 44px 7px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #d2d6db; - background-color: white; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - overflow: hidden; - -webkit-transition: 0.3s; - transition: 0.3s; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; + max-width: 100%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 7px 44px 7px 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background-color: white; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + overflow: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; } .directorist-create-directory__content__input.form-control.--textarea { - resize: none; - min-height: 148px; - max-height: 148px; - background-color: #f9fafb; - white-space: wrap; - overflow: auto; + resize: none; + min-height: 148px; + max-height: 148px; + background-color: #f9fafb; + white-space: wrap; + overflow: auto; } .directorist-create-directory__content__input.form-control.--textarea:focus { - background-color: white; + background-color: white; } .directorist-create-directory__content__input.form-control.--icon-none { - padding: 7px 16px; + padding: 7px 16px; } .directorist-create-directory__content__input.form-control::-webkit-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-create-directory__content__input.form-control::-moz-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-create-directory__content__input.form-control:-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-create-directory__content__input.form-control::-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-create-directory__content__input.form-control::placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control:focus, .directorist-create-directory__content__input.form-control:hover { - color: #141921; - border-color: #3e62f5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-create-directory__content__input[name=directory-location]::-webkit-search-cancel-button { - position: relative; - left: 0; - margin: 0; - height: 20px; - width: 20px; - background: #d1d1d7; - -webkit-appearance: none; - -webkit-mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); - mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); -} -.directorist-create-directory__content__input.empty, .directorist-create-directory__content__input.max-char-reached { - border-color: #ff0808 !important; - -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; - box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control:focus, +.directorist-create-directory__content__input.form-control:hover { + color: #141921; + border-color: #3e62f5; + -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-create-directory__content__input[name="directory-location"]::-webkit-search-cancel-button { + position: relative; + left: 0; + margin: 0; + height: 20px; + width: 20px; + background: #d1d1d7; + -webkit-appearance: none; + -webkit-mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); + mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); +} +.directorist-create-directory__content__input.empty, +.directorist-create-directory__content__input.max-char-reached { + border-color: #ff0808 !important; + -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; + box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; } .directorist-create-directory__content__input ~ .character-count { - width: 100%; - text-align: end; - font-size: 12px; - line-height: 20px; - font-weight: 500; - color: #555f6d; - margin-top: 8px; + width: 100%; + text-align: end; + font-size: 12px; + line-height: 20px; + font-weight: 500; + color: #555f6d; + margin-top: 8px; } .directorist-create-directory__content__input-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - color: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + color: #747c89; } .directorist-create-directory__content__input-group.--options { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; -} -.directorist-create-directory__content__input-group.--options .--options-wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; +} +.directorist-create-directory__content__input-group.--options + .--options-wrapper { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 10px; } .directorist-create-directory__content__input-group.--options .--options-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__content__input-group.--options .--options-right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; } -.directorist-create-directory__content__input-group.--options .--options-right strong { - font-weight: 500; +.directorist-create-directory__content__input-group.--options + .--options-right + strong { + font-weight: 500; } .directorist-create-directory__content__input-group.--options .--hit-button { - border-radius: 4px; - background: #e5e7eb; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; -} -.directorist-create-directory__content__input-group.--options .--hit-button strong { - font-weight: 500; -} -.directorist-create-directory__content__input-group:hover .directorist-create-directory__content__input-icon svg { - color: #141921; + border-radius: 4px; + background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} +.directorist-create-directory__content__input-group.--options + .--hit-button + strong { + font-weight: 500; +} +.directorist-create-directory__content__input-group:hover + .directorist-create-directory__content__input-icon + svg { + color: #141921; } .directorist-create-directory__content__input-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - top: 10px; - right: 20px; - pointer-events: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + top: 10px; + right: 20px; + pointer-events: none; } .directorist-create-directory__content__input-icon svg, .directorist-create-directory__content__input-icon img { - width: 20px; - height: 20px; - -webkit-transition: 0.3s; - transition: 0.3s; + width: 20px; + height: 20px; + -webkit-transition: 0.3s; + transition: 0.3s; } .directorist-create-directory__content__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 32px; - border-top: 1px solid #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 32px; + border-top: 1px solid #e5e7eb; } .directorist-create-directory__generate { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-create-directory__generate .directory-img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-create-directory__generate .directory-img #directory-img__generating { - width: 48px; - height: 48px; -} -.directorist-create-directory__generate .directory-img #directory-img__building { - width: 322px; - height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 4px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-create-directory__generate + .directory-img + #directory-img__generating { + width: 48px; + height: 48px; +} +.directorist-create-directory__generate + .directory-img + #directory-img__building { + width: 322px; + height: auto; } .directorist-create-directory__generate .directory-img svg { - width: var(--Large, 48px); - height: var(--Large, 48px); + width: var(--Large, 48px); + height: var(--Large, 48px); } .directorist-create-directory__generate .directory-title { - color: #141921; - font-size: 18px; - font-weight: 700; - line-height: 32px; - margin: 16px 0 4px; + color: #141921; + font-size: 18px; + font-weight: 700; + line-height: 32px; + margin: 16px 0 4px; } .directorist-create-directory__generate .directory-description { - color: #4d5761; - font-size: 12px; - font-weight: 400; - line-height: 20px; - margin-top: 0; - margin-bottom: 40px; + color: #4d5761; + font-size: 12px; + font-weight: 400; + line-height: 20px; + margin-top: 0; + margin-bottom: 40px; } .directorist-create-directory__generate .directory-description strong { - font-weight: 600; + font-weight: 600; } .directorist-create-directory__checkbox-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-create-directory__checkbox-wrapper.--gap-12 { - gap: 12px; + gap: 12px; } .directorist-create-directory__checkbox-wrapper.--gap-8 { - gap: 8px; + gap: 8px; } .directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-create-directory__checkbox { - width: 100%; - } - .directorist-create-directory__checkbox label { - width: 100%; - } -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon { - top: 8px; - right: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg { - width: 16px; - height: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input { - padding: 4px 36px 4px 16px; + .directorist-create-directory__checkbox { + width: 100%; + } + .directorist-create-directory__checkbox label { + width: 100%; + } +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon { + top: 8px; + right: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon + svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input { + padding: 4px 36px 4px 16px; } .directorist-create-directory__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + display: none; } .directorist-create-directory__checkbox label { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4d5761; - border: 1px solid #f3f4f6; - background-color: #f3f4f6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; -} -.directorist-create-directory__checkbox input[type=checkbox] { - display: none; -} -.directorist-create-directory__checkbox input[type=checkbox]:hover ~ label, .directorist-create-directory__checkbox input[type=checkbox]:focus ~ label { - color: #383f47; - background-color: #e5e7eb; - border-color: #e5e7eb; -} -.directorist-create-directory__checkbox input[type=checkbox]:checked ~ label { - color: #ffffff; - background-color: #6e89f7; - border-color: #6e89f7; -} -.directorist-create-directory__checkbox input[type=checkbox]:disabled ~ label { - background-color: #f3f4f6; - color: #4d5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=radio] { - display: none; -} -.directorist-create-directory__checkbox input[type=radio]:hover ~ label, .directorist-create-directory__checkbox input[type=radio]:focus ~ label { - color: #383f47; - background-color: #e5e7eb; - border-color: #e5e7eb; -} -.directorist-create-directory__checkbox input[type=radio]:checked ~ label { - color: #ffffff; - background-color: #6e89f7; - border-color: #6e89f7; -} -.directorist-create-directory__checkbox input[type=radio]:disabled ~ label { - background-color: #f3f4f6; - color: #4d5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-create-directory__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.directorist-create-directory__checkbox input[type="checkbox"] { + display: none; +} +.directorist-create-directory__checkbox input[type="checkbox"]:hover ~ label, +.directorist-create-directory__checkbox input[type="checkbox"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="checkbox"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox + input[type="checkbox"]:disabled + ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="radio"] { + display: none; +} +.directorist-create-directory__checkbox input[type="radio"]:hover ~ label, +.directorist-create-directory__checkbox input[type="radio"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="radio"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox input[type="radio"]:disabled ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-create-directory__checkbox + input[type="text"]::-webkit-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox input[type="text"]::-moz-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox + input[type="text"]:-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox + input[type="text"]::-ms-input-placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; +} +.directorist-create-directory__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9eb0fa; - background: #f0f3ff; + margin-top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3e62f5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0px 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #d2d6db; - background: #f0f3ff; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 146px; + height: 32px; + padding: 0px 16px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3e62f5; - border-color: #3e62f5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directorist-create-directory__info { - text-align: center; + text-align: center; } .directorist-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 28px; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 28px; + width: 100%; } .directorist-box__item { - width: 100%; + width: 100%; } .directorist-box__label { - display: block; - color: #141921; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 20px; - margin-bottom: 8px; + display: block; + color: #141921; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + margin-bottom: 8px; } .directorist-box__input-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #d2d6db; - background: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist-box__input-wrapper:hover, .directorist-box__input-wrapper:focus { - border: 1px solid #3e62f5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-box__input[type=text] { - padding: 0 8px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - white-space: nowrap; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - height: 30px; -} -.directorist-box__input[type=text]::-webkit-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-moz-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]:-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 4px 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background: #fff; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.directorist-box__input-wrapper:hover, +.directorist-box__input-wrapper:focus { + border: 1px solid #3e62f5; + -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-box__input[type="text"] { + padding: 0 8px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + white-space: nowrap; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + height: 30px; +} +.directorist-box__input[type="text"]::-webkit-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::-moz-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]:-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::-ms-input-placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-box__input[type="text"]::placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-box__tagList { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; } .directorist-box__tagList li { - margin: 0; + margin: 0; } .directorist-box__tagList li:not(:only-child, :last-child) { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 24px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #f3f4f6; - margin: 0; - text-transform: capitalize; - color: #4d5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 24px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + margin: 0; + text-transform: capitalize; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-box__recommended-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - padding: 0; - margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + padding: 0; + margin: 0; } .directorist-box__recommended-list.recommend-disable { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-box__recommended-list li { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4d5761; - border: 1px solid #f3f4f6; - background-color: #f3f4f6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - margin: 0; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + margin: 0; } .directorist-box__recommended-list li:hover { - color: #383f47; - background-color: #e5e7eb; + color: #383f47; + background-color: #e5e7eb; } .directorist-box__recommended-list li.disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled:hover { - background-color: #cfd8dc; + background-color: #cfd8dc; } .directorist-box-options__wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; - margin-top: 12px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px 10px; + margin-top: 12px; } .directorist-box-options__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-box-options__right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; - color: #555f6d; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 5px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; + color: #555f6d; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 5px; } .directorist-box-options__right strong { - font-weight: 500; + font-weight: 500; } .directorist-box-options__hit-button { - border-radius: 4px; - background: #e5e7eb; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; + border-radius: 4px; + background: #e5e7eb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9eb0fa; - background: #f0f3ff; + margin-top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 8px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3e62f5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #d2d6db; - background: #f0f3ff; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 146px; + height: 32px; + padding: 0 16px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3e62f5; - border-color: #3e62f5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directory-generate-btn { - margin-bottom: 20px; + margin-bottom: 20px; } .directory-generate-btn__content { - border-radius: 6px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12.5px 64px 12.5px 61px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid #e5e7eb; - background: #fff; - -webkit-box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 20px; - position: relative; - padding: 10px; - margin: 0 2px 3px 2px; - border-radius: 6px; + border-radius: 6px; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12.5px 64px 12.5px 61px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid #e5e7eb; + background: #fff; + -webkit-box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 20px; + position: relative; + padding: 10px; + margin: 0 2px 3px 2px; + border-radius: 6px; } .directory-generate-btn--bg { - position: absolute; - top: 0; - right: 0; - height: 100%; - background-image: -webkit-gradient(linear, right top, right bottom, from(#eabaeb), to(#3e62f5)); - background-image: linear-gradient(#eabaeb, #3e62f5); - -webkit-transition: width 0.3s ease; - transition: width 0.3s ease; - border-radius: 8px; + position: absolute; + top: 0; + right: 0; + height: 100%; + background-image: -webkit-gradient( + linear, + right top, + right bottom, + from(#eabaeb), + to(#3e62f5) + ); + background-image: linear-gradient(#eabaeb, #3e62f5); + -webkit-transition: width 0.3s ease; + transition: width 0.3s ease; + border-radius: 8px; } .directory-generate-btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-btn__wrapper { - position: relative; - width: 347px; - background-color: white; - border-radius: 5px; - margin: 0 auto; - margin-bottom: 20px; + position: relative; + width: 347px; + background-color: white; + border-radius: 5px; + margin: 0 auto; + margin-bottom: 20px; } .directory-generate-progress-list { - margin-top: 34px; + margin-top: 34px; } .directory-generate-progress-list ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 18px; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 18px; } .directory-generate-progress-list ul li { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 20px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 20px; } .directory-generate-progress-list ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3e62f5; - border: 1px solid #3e62f5; - color: #fff !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - height: 40px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - margin-top: 32px; - margin-bottom: 30px; + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border: 1px solid #3e62f5; + color: #fff !important; + -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + height: 40px; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + margin-top: 32px; + margin-bottom: 30px; } .directory-generate-progress-list__btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-ai-generate-box { - background-color: white; - padding: 32px; + background-color: white; + padding: 32px; } .directorist-ai-generate-box__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - margin-bottom: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + margin-bottom: 32px; } .directorist-ai-generate-box__header svg { - width: 40px; - height: 40px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + width: 40px; + height: 40px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .directorist-ai-generate-box__title { - margin-right: 10px; + margin-right: 10px; } .directorist-ai-generate-box__title h6 { - margin: 0; - color: #2c3239; - font-family: Inter; - font-size: 18px; - font-style: normal; - font-weight: 600; - line-height: 22px; + margin: 0; + color: #2c3239; + font-family: Inter; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: 22px; } .directorist-ai-generate-box__title p { - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 22px; - margin: 0; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 22px; + margin: 0; } .directorist-ai-generate-box__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 24px; - border-radius: 8px; - background: #f3f4f6; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - margin: 0; - max-height: 540px; - overflow-y: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px; + border-radius: 8px; + background: #f3f4f6; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 8px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + margin: 0; + max-height: 540px; + overflow-y: auto; } .directorist-ai-generate-box__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; -} -.directorist-ai-generate-box__item.pinned .directorist-ai-generate-dropdown__pin-icon svg { - color: #3e62f5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.directorist-ai-generate-box__item.pinned + .directorist-ai-generate-dropdown__pin-icon + svg { + color: #3e62f5; } .directorist-ai-generate-dropdown { - border: 1px solid #e5e7eb; - border-radius: 8px; - background-color: #fff; - width: 100%; + border: 1px solid #e5e7eb; + border-radius: 8px; + background-color: #fff; + width: 100%; } -.directorist-ai-generate-dropdown[aria-expanded=true] .directorist-ai-generate-dropdown__header { - border-color: #e5e7eb; +.directorist-ai-generate-dropdown[aria-expanded="true"] + .directorist-ai-generate-dropdown__header { + border-color: #e5e7eb; } .directorist-ai-generate-dropdown__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - border-radius: 8px 8px 0 0; - border-bottom: 1px solid transparent; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + border-radius: 8px 8px 0 0; + border-bottom: 1px solid transparent; } .directorist-ai-generate-dropdown__header.has-options { - cursor: pointer; + cursor: pointer; } .directorist-ai-generate-dropdown__header-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-ai-generate-dropdown__header-icon { - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: + transform 0.3s ease, + -webkit-transform 0.3s ease; } .directorist-ai-generate-dropdown__header-icon.rotate { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } .directorist-ai-generate-dropdown__pin-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 6px 0px 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-left: 1px solid #d2d6db; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 6px 0px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + border-left: 1px solid #d2d6db; + color: #4d5761; } .directorist-ai-generate-dropdown__pin-icon:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-ai-generate-dropdown__pin-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-generate-dropdown__title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4d5761; - font-size: 28px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #4d5761; + font-size: 28px; } .directorist-ai-generate-dropdown__title-icon svg { - width: 28px; - height: 28px; + width: 28px; + height: 28px; } .directorist-ai-generate-dropdown__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 24px 0px 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 24px 0px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; } .directorist-ai-generate-dropdown__title-main h6 { - color: #4d5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 16.24px; - margin: 0; - text-transform: capitalize; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16.24px; + margin: 0; + text-transform: capitalize; } .directorist-ai-generate-dropdown__title-main p { - color: #747c89; - font-family: Inter; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; - margin: 4px 0 0 0; + color: #747c89; + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; + margin: 4px 0 0 0; } .directorist-ai-generate-dropdown__content { - display: none; - padding: 24px; - color: #747c89; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; -} -.directorist-ai-generate-dropdown__content[aria-expanded=true], .directorist-ai-generate-dropdown__content--expanded { - display: block; + display: none; + padding: 24px; + color: #747c89; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; +} +.directorist-ai-generate-dropdown__content[aria-expanded="true"], +.directorist-ai-generate-dropdown__content--expanded { + display: block; } .directorist-ai-generate-dropdown__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4d5761; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #4d5761; } .directorist-ai-generate-dropdown__header-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-location-field__title { - color: #4d5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 12px; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 12px; } .directorist-ai-location-field__title span { - color: #747c89; - font-weight: 500; + color: #747c89; + font-weight: 500; } .directorist-ai-location-field__content ul { - padding: 0; - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; + padding: 0; + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; } .directorist-ai-location-field__content ul li { - height: 32px; - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - -ms-flex: 1 0 0px; - flex: 1 0 0; - border-radius: 4px; - background: #f3f4f6; - color: #4d5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + height: 32px; + padding: 8px 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0px; + flex: 1 0 0; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-location-field__content ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-checkbox-field__label { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-checkbox-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px 34px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + gap: 10px 34px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-ai-checkbox-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 32px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #4d5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 32px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-checkbox-field__list-item svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .directorist-ai-checkbox-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; } .directorist-ai-keyword-field__label { - color: #4d5761; - font-size: 14px; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-keyword-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + gap: 10px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-ai-keyword-field__list-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-keyword-field__list-item.--h-24 { - height: 24px; + height: 24px; } .directorist-ai-keyword-field__list-item.--h-32 { - height: 32px; + height: 32px; } .directorist-ai-keyword-field__list-item.--px-8 { - padding: 0px 8px; + padding: 0px 8px; } .directorist-ai-keyword-field__list-item.--px-12 { - padding: 0px 12px; -} -.directorist-ai-keyword-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #f3f4f6; - color: #4d5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + padding: 0px 12px; } .directorist-ai-keyword-field__list-item svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-keyword-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; } /* data Progressing */ -.directorist-create-directory__step .directorist-create-directory__content.hidden { - display: none; -} \ No newline at end of file +.directorist-create-directory__step + .directorist-create-directory__content.hidden { + display: none; +} diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index cf802b8e50..c801d52436 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -1,9 +1,28733 @@ /*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \******************************************************************************************************************************************************************************************************************************************************************************************************/@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes atbd_spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes atbd_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes atbd_spin2{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes atbd_spin2{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.reset-pseudo-link:active,.reset-pseudo-link:focus,.reset-pseudo-link:visited{outline:none;-webkit-box-shadow:none;box-shadow:none}.cptm-shortcodes{max-height:300px;overflow:scroll}.directorist-center-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-center-content-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-center-content,.directorist-center-content-inline{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-text-right{text-align:right}.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-25{margin-bottom:25px!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}.directorist-w-100{width:100%!important;max-width:100%!important}.directorist-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-justify-content-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-justify-content-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.directorist-justify-content-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.directorist-justify-content-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack: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);-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}.directorist-content-active .entry-content .directorist-search-contents{width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-content-module{border:1px solid var(--directorist-color-border)}.directorist-content-module__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:480px){.directorist-content-module__title{padding:20px}}.directorist-content-module__title h2{margin:0!important;font-size:16px;font-weight:500;line-height:1.2}.directorist-content-module__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:40px 0;padding:30px 40px 40px;border-top:1px solid var(--directorist-color-border)}@media (max-width:480px){.directorist-content-module__contents{padding:20px}}.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap{margin-top:-30px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs{position:relative;bottom:-7px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor{margin:0;border:none;border-radius:5px;padding:5px 10px 12px;background:transparent;color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce{background-color:#f6f7f7}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container{border:none;border-bottom:1px solid var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input{background:transparent!important;color:var(--directorist-color-body)!important;border-color:var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-area{border:none;resize:none;min-height:238px}.directorist-content-module__contents .directorist-form-description-field .mce-top-part:before{display:none}.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout{border:none;padding:0}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar{border:none;padding:8px 12px;border-radius:8px}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button{background:transparent}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-statusbar{display:none}.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-module__contents .directorist-form-description-field iframe{max-width:100%}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn{width:100%;gap:10px;padding-left:40px}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i:after{width:16px;height:16px;background-color:var(--directorist-color-btn)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.directorist-content-module__contents .directorist-form-social-info-field select{color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label{margin-left:0}.directorist-content-active #directorist.atbd_wrapper{max-width:100%}.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar{margin-bottom:35px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.atbd_success_mesage>p i{top:2px;margin-right:5px;position:relative;display:inline-block}.directorist-loader{position:relative}.directorist-loader:before{position:absolute;content:"";right:20px;top:31%;border-top:2px solid var(--directorist-color-white);border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);width:20px;height:20px;-webkit-animation:atbd_spin 2s linear infinite;animation:atbd_spin 2s linear infinite}.plupload-upload-uic{border:1px dashed var(--directorist-color-border-gray)}.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-color:var(--directorist-color-ss-bg-light);font-size:14px;-webkit-box-shadow:none;box-shadow:none;line-height:40px!important;padding:0 30px!important;height:auto!important;-webkit-transition:.3s ease;transition:.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,.directorist-form-address-field .address_result{position:absolute;left:0;top:100%;width:100%;max-height:345px!important;overflow-y:scroll;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);z-index:10}.directorist-address-field .address_result ul,.directorist-form-address-field .address_result ul{list-style:none;margin:0;padding:0;border-radius:8px}.directorist-address-field .address_result li,.directorist-form-address-field .address_result li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px;margin:0;padding:10px 20px;border-bottom:1px solid #eee}.directorist-address-field .address_result li a,.directorist-form-address-field .address_result li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:15px;font-size:14px;line-height:18px;padding:0;margin:0;color:#767792;background-color:var(--directorist-color-white);border-bottom:1px solid #d9d9d9;text-decoration:none;-webkit-transition:color .3s ease,border .3s ease;transition:color .3s ease,border .3s ease}.directorist-address-field .address_result li a:hover,.directorist-form-address-field .address_result li a:hover{color:var(--directorist-color-dark);border-bottom:1px dashed #e9e9e9}.directorist-address-field .address_result li:last-child,.directorist-address-field .address_result li:last-child a,.directorist-form-address-field .address_result li:last-child,.directorist-form-address-field .address_result li:last-child 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){.pac-container{max-width:unset;width:calc(100% - 30px)!important;left:30px!important}}.pac-container .pac-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 13px 7px;padding:0;border:none;background:unset;cursor:pointer}.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:8px;margin:0 15px 0 0;background-color:var(--directorist-color-border-gray)}.pac-container .pac-icon-marker:after{content:"";display:block;width:12px;height:20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg);mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg)}.pac-container:after,p.status:empty{display:none}.gateway_list input[type=radio]{margin-right:5px}.directorist-checkout-form .directorist-container-fluid{-webkit-box-sizing:border-box;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}.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);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .select2-container--default .select2-search--dropdown{padding:20px 20px 10px}.directorist-content-active .select2-container--default .select2-search__field{padding:10px 18px!important;border-radius:8px;background:transparent;color:var(--directorist-color-deep-gray);border:1px solid var(--directorist-color-border-gray)!important}.directorist-content-active .select2-container--default .select2-search__field:focus{outline:0}.directorist-content-active .select2-container--default .select2-results{padding-bottom:10px}.directorist-content-active .select2-container--default .select2-results__option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding:6px 20px;color:var(--directorist-color-body);font-size:14px;line-height:1.5}.directorist-content-active .select2-container--default .select2-results__option--highlighted{font-weight:500;color:var(--directorist-color-primary)!important;background-color:transparent}.directorist-content-active .select2-container--default .select2-results__message{margin-bottom:10px!important}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-left:0;margin-top:8.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group{margin-bottom:0;padding:0}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control{height:24.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field{margin:0;max-width:none;width:100%!important;padding:0!important;border:none!important}.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:rgba(var(--directorist-color-primary-rgb),.1)!important;font-weight:400}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option{margin:0}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true]{font-weight:600;color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary-rgb),.1)}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{margin-right:12px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray)}@media (max-width:575px){.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background-color:var(--directorist-color-bg-light)}}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2{padding-left:20px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3{padding-left:40px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4{padding-left:60px}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered{opacity:1}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-body)!important}.custom-checkbox input{display:none}.custom-checkbox input[type=checkbox]+.check--select+label,.custom-checkbox input[type=radio]+.radio--select+label{min-width:18px;min-height:18px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;padding-left:28px;padding-top:3px;padding-bottom:3px;margin-bottom:0;line-height:1.2;font-weight:400;color:var(--directorist-color-gray)}.custom-checkbox input[type=checkbox]+.check--select+label:before,.custom-checkbox input[type=radio]+.radio--select+label:before{position:absolute;font-size:10px;left:5px;top:5px;font-weight:900;font-family:Font Awesome\ 5 Free;content:"\f00c";display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .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-container,.directorist-container-fluid,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl,.directorist-container-xxl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:576px){.directorist-container,.directorist-container-sm{max-width:540px}}@media (min-width:768px){.directorist-container,.directorist-container-md,.directorist-container-sm{max-width:720px}}@media (min-width:992px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm{max-width:960px}}@media (min-width:1200px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl{max-width:1140px}}@media (min-width:1400px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl,.directorist-container-xxl{max-width:1320px}}.directorist-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;margin-top:-15px;min-width:100%}.directorist-row>*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:15px;padding-left:15px;margin-top:15px}.directorist-col{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.directorist-col-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:8.3333333333%}.directorist-col-2,.directorist-col-2-5,.directorist-col-3,.directorist-col-4,.directorist-col-5,.directorist-col-6,.directorist-col-7,.directorist-col-8,.directorist-col-9,.directorist-col-10,.directorist-col-11,.directorist-col-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%}.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-2,.directorist-col-2-5,.directorist-col-3,.directorist-col-4,.directorist-col-5,.directorist-col-6,.directorist-col-7,.directorist-col-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:50%}.directorist-col-sm{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-sm-auto{width:auto}.directorist-col-sm-1,.directorist-col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-1{width:8.3333333333%}.directorist-col-sm-2{width:16.6666666667%}.directorist-col-sm-2,.directorist-col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-3{width:25%}.directorist-col-sm-4{width:33.3333333333%}.directorist-col-sm-4,.directorist-col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-5{width:41.6666666667%}.directorist-col-sm-6{width:50%}.directorist-col-sm-6,.directorist-col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-7{width:58.3333333333%}.directorist-col-sm-8{width:66.6666666667%}.directorist-col-sm-8,.directorist-col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-9{width:75%}.directorist-col-sm-10{width:83.3333333333%}.directorist-col-sm-10,.directorist-col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-11{width:91.6666666667%}.directorist-col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-sm-0{margin-left:0}.directorist-offset-sm-1{margin-left:8.3333333333%}.directorist-offset-sm-2{margin-left:16.6666666667%}.directorist-offset-sm-3{margin-left:25%}.directorist-offset-sm-4{margin-left:33.3333333333%}.directorist-offset-sm-5{margin-left:41.6666666667%}.directorist-offset-sm-6{margin-left:50%}.directorist-offset-sm-7{margin-left:58.3333333333%}.directorist-offset-sm-8{margin-left:66.6666666667%}.directorist-offset-sm-9{margin-left:75%}.directorist-offset-sm-10{margin-left:83.3333333333%}.directorist-offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.directorist-col-2,.directorist-col-2-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.directorist-col-md{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-md-auto{width:auto}.directorist-col-md-1,.directorist-col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-1{width:8.3333333333%}.directorist-col-md-2{width:16.6666666667%}.directorist-col-md-2,.directorist-col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-3{width:25%}.directorist-col-md-4{width:33.3333333333%}.directorist-col-md-4,.directorist-col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-5{width:41.6666666667%}.directorist-col-md-6{width:50%}.directorist-col-md-6,.directorist-col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-7{width:58.3333333333%}.directorist-col-md-8{width:66.6666666667%}.directorist-col-md-8,.directorist-col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-9{width:75%}.directorist-col-md-10{width:83.3333333333%}.directorist-col-md-10,.directorist-col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-11{width:91.6666666667%}.directorist-col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-md-0{margin-left:0}.directorist-offset-md-1{margin-left:8.3333333333%}.directorist-offset-md-2{margin-left:16.6666666667%}.directorist-offset-md-3{margin-left:25%}.directorist-offset-md-4{margin-left:33.3333333333%}.directorist-offset-md-5{margin-left:41.6666666667%}.directorist-offset-md-6{margin-left:50%}.directorist-offset-md-7{margin-left:58.3333333333%}.directorist-offset-md-8{margin-left:66.6666666667%}.directorist-offset-md-9{margin-left:75%}.directorist-offset-md-10{margin-left:83.3333333333%}.directorist-offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.directorist-col-2,.directorist-col-2-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.directorist-col-3,.directorist-col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.directorist-col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6667%;-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.directorist-col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333%;-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.directorist-col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6667%;-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.directorist-col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.directorist-col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333%;-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.directorist-col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6667%;-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.directorist-col-lg{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-lg-auto{width:auto}.directorist-col-lg-1,.directorist-col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-1{width:8.3333333333%}.directorist-col-lg-2{width:16.6666666667%}.directorist-col-lg-2,.directorist-col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-3{width:25%}.directorist-col-lg-4{width:33.3333333333%}.directorist-col-lg-4,.directorist-col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-5{width:41.6666666667%}.directorist-col-lg-6{width:50%}.directorist-col-lg-6,.directorist-col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-7{width:58.3333333333%}.directorist-col-lg-8{width:66.6666666667%}.directorist-col-lg-8,.directorist-col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-9{width:75%}.directorist-col-lg-10{width:83.3333333333%}.directorist-col-lg-10,.directorist-col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-11{width:91.6666666667%}.directorist-col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-lg-0{margin-left:0}.directorist-offset-lg-1{margin-left:8.3333333333%}.directorist-offset-lg-2{margin-left:16.6666666667%}.directorist-offset-lg-3{margin-left:25%}.directorist-offset-lg-4{margin-left:33.3333333333%}.directorist-offset-lg-5{margin-left:41.6666666667%}.directorist-offset-lg-6{margin-left:50%}.directorist-offset-lg-7{margin-left:58.3333333333%}.directorist-offset-lg-8{margin-left:66.6666666667%}.directorist-offset-lg-9{margin-left:75%}.directorist-offset-lg-10{margin-left:83.3333333333%}.directorist-offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.directorist-col-xl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.directorist-col-xl-auto{width:auto}.directorist-col-xl-1,.directorist-col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-1{width:8.3333333333%}.directorist-col-xl-2{width:16.6666666667%}.directorist-col-2,.directorist-col-2-5,.directorist-col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-2,.directorist-col-2-5{width:20%}.directorist-col-xl-3{width:25%}.directorist-col-xl-3,.directorist-col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-4{width:33.3333333333%}.directorist-col-xl-5{width:41.6666666667%}.directorist-col-xl-5,.directorist-col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-6{width:50%}.directorist-col-xl-7{width:58.3333333333%}.directorist-col-xl-7,.directorist-col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-8{width:66.6666666667%}.directorist-col-xl-9{width:75%}.directorist-col-xl-9,.directorist-col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-10{width:83.3333333333%}.directorist-col-xl-11{width:91.6666666667%}.directorist-col-xl-11,.directorist-col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-12{width:100%}.directorist-offset-xl-0{margin-left:0}.directorist-offset-xl-1{margin-left:8.3333333333%}.directorist-offset-xl-2{margin-left:16.6666666667%}.directorist-offset-xl-3{margin-left:25%}.directorist-offset-xl-4{margin-left:33.3333333333%}.directorist-offset-xl-5{margin-left:41.6666666667%}.directorist-offset-xl-6{margin-left:50%}.directorist-offset-xl-7{margin-left:58.3333333333%}.directorist-offset-xl-8{margin-left:66.6666666667%}.directorist-offset-xl-9{margin-left:75%}.directorist-offset-xl-10{margin-left:83.3333333333%}.directorist-offset-xl-11{margin-left:91.6666666667%}}@media (min-width:1400px){.directorist-col-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.directorist-col-xxl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-xxl-auto{width:auto}.directorist-col-xxl-1,.directorist-col-xxl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-1{width:8.3333333333%}.directorist-col-xxl-2{width:16.6666666667%}.directorist-col-xxl-2,.directorist-col-xxl-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-3{width:25%}.directorist-col-xxl-4{width:33.3333333333%}.directorist-col-xxl-4,.directorist-col-xxl-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-5{width:41.6666666667%}.directorist-col-xxl-6{width:50%}.directorist-col-xxl-6,.directorist-col-xxl-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-7{width:58.3333333333%}.directorist-col-xxl-8{width:66.6666666667%}.directorist-col-xxl-8,.directorist-col-xxl-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-9{width:75%}.directorist-col-xxl-10{width:83.3333333333%}.directorist-col-xxl-10,.directorist-col-xxl-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-11{width:91.6666666667%}.directorist-col-xxl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-xxl-0{margin-left:0}.directorist-offset-xxl-1{margin-left:8.3333333333%}.directorist-offset-xxl-2{margin-left:16.6666666667%}.directorist-offset-xxl-3{margin-left:25%}.directorist-offset-xxl-4{margin-left:33.3333333333%}.directorist-offset-xxl-5{margin-left:41.6666666667%}.directorist-offset-xxl-6{margin-left:50%}.directorist-offset-xxl-7{margin-left:58.3333333333%}.directorist-offset-xxl-8{margin-left:66.6666666667%}.directorist-offset-xxl-9{margin-left:75%}.directorist-offset-xxl-10{margin-left:83.3333333333%}.directorist-offset-xxl-11{margin-left:91.6666666667%}}.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}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"alpha(opacity=40)";background-color:rgba(var(--directorist-color-dark-rgb),.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;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 (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;font-weight:600;text-transform:none;margin:25px 0;line-height:40px;display:block}.sweet-alert h2,.sweet-alert p{text-align:center;position:relative;padding:0}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;text-align:inherit;float:none;margin: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;-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;-webkit-transition:padding .25s,max-height .25s;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:#fff;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(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error:after,.sweet-alert .sa-input-error:before{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%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;-webkit-box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;-webkit-box-shadow:0 0 3px #c4e6f5;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{-moz-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{-ms-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s ease .03s;transition:opacity .3s ease .03s;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:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;font-size:17px;font-weight:500;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;-webkit-box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.05);box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.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{-webkit-box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.0470588) 0 0 0 1px inset!important;box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.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;-webkit-transition-delay:0;transition-delay:0}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{-webkit-box-shadow:none!important;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 grey;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;-webkit-box-sizing:content-box;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;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:after,.sweet-alert .sa-icon.sa-success:before{content:"";border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:40px;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;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:50%;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}to{top:50%}}@keyframes slideFromTop{0%{top:0}to{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}to{top:0}}@keyframes slideToTop{0%{top:50%}to{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}to{top:50%}}@keyframes slideFromBottom{0%{top:70%}to{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}to{top:70%}}@keyframes slideToBottom{0%{top:50%}to{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}to{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}to{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}to{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}to{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)}to{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)}to{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}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{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}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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} + \******************************************************************************************************************************************************************************************************************************************************************************************************/ +/* typography */ +@-webkit-keyframes rotate360 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate360 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes atbd_spin2 { + 0% { + -webkit-transform: translate(-50%, -50%) rotate(0deg); + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(-50%, -50%) rotate(360deg); + transform: translate(-50%, -50%) rotate(360deg); + } +} +@keyframes atbd_spin2 { + 0% { + -webkit-transform: translate(-50%, -50%) rotate(0deg); + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(-50%, -50%) rotate(360deg); + transform: translate(-50%, -50%) rotate(360deg); + } +} +@-webkit-keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.directorist-w-100 { + width: 100% !important; + max-width: 100% !important; +} + +.directorist-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-flex-wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-align-center { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-justify-content-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-justify-content-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-justify-content-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.directorist-justify-content-start { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.directorist-justify-content-end { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: 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); + -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; +} + +.directorist-content-active .entry-content .directorist-search-contents { + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/* directorist module style */ +.directorist-content-module { + border: 1px solid var(--directorist-color-border); +} +.directorist-content-module__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 480px) { + .directorist-content-module__title { + padding: 20px; + } +} +.directorist-content-module__title h2 { + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; +} +.directorist-content-module__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); +} +@media (max-width: 480px) { + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; +} + +.directorist-content-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.atbd_success_mesage > p i { + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; +} + +.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; + -webkit-animation: atbd_spin 2s linear infinite; + 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-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; +} +.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, +.directorist-form-address-field .address_result { + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; +} +.directorist-address-field .address_result ul, +.directorist-form-address-field .address_result ul { + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; +} +.directorist-address-field .address_result li, +.directorist-form-address-field .address_result li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; +} +.directorist-address-field .address_result li a, +.directorist-form-address-field .address_result li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; +} +.directorist-address-field .address_result li a:hover, +.directorist-form-address-field .address_result li a:hover { + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; +} +.directorist-address-field .address_result li:last-child, +.directorist-form-address-field .address_result li:last-child { + border: none; +} +.directorist-address-field .address_result li:last-child a, +.directorist-form-address-field .address_result li:last-child 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) { + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } +} +.pac-container .pac-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; +} +.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: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); +} +.pac-container .pac-icon-marker:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.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 { + -webkit-box-sizing: border-box; + 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; +} + +.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); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; +} +.directorist-content-active .select2-container--default .select2-search__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; +} +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; +} +.directorist-content-active .select2-container--default .select2-results { + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +@media (max-width: 575px) { + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; +} + +.custom-checkbox input { + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); +} + +.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; + -webkit-box-sizing: border-box; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; + margin-top: -15px; + min-width: 100%; +} + +.directorist-row > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-top: 15px; +} + +.directorist-col { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; +} + +.directorist-col-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} + +.directorist-col-1 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 8.3333333333%; +} + +.directorist-col-2-5, +.directorist-col-2, +.directorist-col-3, +.directorist-col-4, +.directorist-col-5, +.directorist-col-6, +.directorist-col-7, +.directorist-col-8, +.directorist-col-9, +.directorist-col-10, +.directorist-col-11, +.directorist-col-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 100%; +} + +.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-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-left: 0; + } + .directorist-offset-sm-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-left: 25%; + } + .directorist-offset-sm-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-left: 50%; + } + .directorist-offset-sm-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-left: 75%; + } + .directorist-offset-sm-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-left: 0; + } + .directorist-offset-md-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-left: 25%; + } + .directorist-offset-md-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-left: 50%; + } + .directorist-offset-md-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-left: 75%; + } + .directorist-offset-md-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.6667%; + -ms-flex: 0 0 41.6667%; + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.3333%; + -ms-flex: 0 0 58.3333%; + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.6667%; + -ms-flex: 0 0 66.6667%; + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.3333%; + -ms-flex: 0 0 83.3333%; + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.6667%; + -ms-flex: 0 0 91.6667%; + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-left: 0; + } + .directorist-offset-lg-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-left: 25%; + } + .directorist-offset-lg-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-left: 50%; + } + .directorist-offset-lg-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-left: 75%; + } + .directorist-offset-lg-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-left: 0; + } + .directorist-offset-xl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-left: 25%; + } + .directorist-offset-xl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-left: 50%; + } + .directorist-offset-xl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-left: 75%; + } + .directorist-offset-xl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1400px) { + .directorist-col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-left: 0; + } + .directorist-offset-xxl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-left: 25%; + } + .directorist-offset-xxl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-left: 50%; + } + .directorist-offset-xxl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-left: 75%; + } + .directorist-offset-xxl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-left: 91.6666666667%; + } +} +/* 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(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 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; +} + +.sweet-alert .sa-error-container.show { + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; +} + +.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 0.1s; + transition: all 0.1s; +} + +.sweet-alert .sa-input-error::before, +.sweet-alert .sa-input-error::after { + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; +} + +.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%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.sweet-alert input:focus { + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; +} + +.sweet-alert button:focus { + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); +} + +.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 { + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; +} + +.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; + -webkit-transition-delay: 0; + transition-delay: 0; +} + +.sweet-alert button::-moz-focus-inner { + border: 0; +} + +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + 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; + -webkit-box-sizing: content-box; + 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; + 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; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.sweet-alert .sa-icon.sa-success::before { + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; +} + +.sweet-alert .sa-icon.sa-success::after { + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; +} + +.sweet-alert .sa-icon.sa-success .sa-placeholder { + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; +} + +.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 0.3s; + animation: showSweetAlert 0.3s; +} + +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; +} + +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; +} + +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; +} + +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; +} + +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; +} + +@-webkit-keyframes animateSuccessTip { + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } +} +@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 0.75s; + animation: animateSuccessTip 0.75s; +} + +.animateSuccessLong { + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; +} + +.sa-icon.sa-success.animate::after { + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; +} + +@-webkit-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 0.5s; + animation: animateErrorIcon 0.5s; +} + +@-webkit-keyframes animateXMark { + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } +} +@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 0.5s; + animation: animateXMark 0.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 0.75s infinite alternate; + animation: pulseWarning 0.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 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; +} + +@-webkit-keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + 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;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}.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;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}.directorist-add-listing-types{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-types__single{margin-bottom:15px}.directorist-add-listing-types__single__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--directorist-color-white);color:var(--directorist-color-primary);font-size:16px;font-weight:500;line-height:20px;text-align:center;padding:40px 25px;border-radius:12px;text-decoration:none!important;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-transition:background .2s ease;transition:background .2s ease}.directorist-add-listing-types__single__link,.directorist-add-listing-types__single__link .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-add-listing-types__single__link .directorist-icon-mask{height:70px;width:70px;background-color:var(--directorist-color-primary);border-radius:100%;margin-bottom:20px;-webkit-transition:color .2s ease,background .2s ease;transition:color .2s ease,background .2s ease}.directorist-add-listing-types__single__link .directorist-icon-mask:after{width:25px;height:25px;background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask{background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-add-listing-types__single__link>i:not(.directorist-icon-mask){display:inline-block;margin-bottom:10px}.directorist-add-listing-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-form .directorist-content-module{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-add-listing-form .directorist-content-module__title i{background-color:var(--directorist-color-primary)}.directorist-add-listing-form .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}.directorist-add-listing-form .directorist-alert-required{display:block;margin-top:5px;color:#e80000;font-size:13px}.directorist-add-listing-form__privacy a{color:var(--directorist-color-info)}#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:35px;border-radius:12px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:20px}}#directiost-listing-fields_wrapper .directorist-content-module__title,.directorist-add-listing-form .directorist-content-module__title{gap:15px;min-height:66px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#directiost-listing-fields_wrapper .directorist-content-module__title i,.directorist-add-listing-form .directorist-content-module__title i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:100%}#directiost-listing-fields_wrapper .directorist-content-module__title i:after,.directorist-add-listing-form .directorist-content-module__title i:after{width:16px;height:16px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade{padding:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address],.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address]{padding-left:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before{width:15px;height:15px;left:unset;right:0;top:46px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after{height:40px;top:26px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child{margin:0 0 40px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select{font-size:14px;font-weight:500;color:var(--directorist-color-dark)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item{font-size:14px;font-weight:400;color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:480px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer;border-radius:100%;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-light)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i:after{width:12px;height:12px;background-color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module{background-color:var(--directorist-color-white);border-radius:0;border:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title{padding:20px 30px;border-bottom:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title i{background-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields{margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove{background-color:#ededed!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after{background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title{cursor:auto}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before{display:none}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{padding:30px 40px 40px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{height:auto;opacity:1;padding:20px;visibility:visible}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label{margin-bottom:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element{position:relative;height:42px;padding:15px 20px;font-size:14px;font-weight:400;border-radius:5px;width:100%;border:1px solid #ececec;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix{height:42px;line-height:42px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element{padding-top:0;padding-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:after{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:3px;content:"";border:1px solid #c6d0dc;background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:7px;top:7px;width:6px;height:6px;border-radius:50%;background-color:var(--directorist-color-primary);border:0;-webkit-mask-image:none;mask-image:none;z-index:2;content:""}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;border:none;background-color:var(--directorist-color-white);display:block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic{padding:30px;text-align:center;border-radius:5px;border:1px dashed #dbdee9}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i:after{width:50px;height:45px;background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper~.directorist-form-description{text-align:center}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn{width:auto;padding:11px 26px;background-color:#444752;color:var(--directorist-color-white);border-radius:5px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap{border-radius:0}.directorist-form-label{display:block;color:var(--directorist-color-dark);margin-bottom:5px;font-size:14px;font-weight:500}.directorist-custom-field-checkbox>.directorist-form-label,.directorist-custom-field-file-upload>.directorist-form-label,.directorist-custom-field-radio>.directorist-form-label,.directorist-form-image-upload-field>.directorist-form-label,.directorist-form-pricing-field.price-type-both>.directorist-form-label,.directorist-form-social-info-field>.directorist-form-label{margin-bottom:18px}.directorist-form-listing-type{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media (max-width:767px){.directorist-form-listing-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-form-listing-type .directorist-form-label{font-size:14px;font-weight:500;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:0}.directorist-form-listing-type__single{-webkit-box-flex:0;-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}.directorist-form-listing-type__single.directorist-radio{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label{width:100%;height:100%;font-size:14px;font-weight:500;padding:25px 25px 25px 55px;border-radius:12px;color:var(--directorist-color-body);border:3px solid var(--directorist-color-border-gray);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label small{display:block;margin-top:5px;font-weight:400;color:var(--directorist-color-success)}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:before{left:29px;top:29px}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:after{left:25px;top:25px;width:18px;height:18px}.directorist-form-listing-type .directorist-radio input[type=radio]:checked+.directorist-radio__label{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-form-pricing-field__options{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 20px}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:14px;font-weight:400;min-height:18px;padding-left:27px;color:var(--directorist-color-body)}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label{font-weight:500;color:var(--directorist-color-dark)}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:after{top:3px;left:3px;width:14px;height:14px;border-radius:100%;border:2px solid #c6d0dc}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:0;top:0;width:8px;height:8px;-webkit-mask-image:none;mask-image:none;background-color:var(--directorist-color-white);border-radius:100%;border:5px solid var(--directorist-color-primary);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:checked:after{opacity:0}.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}.directorist-select-multi select{display:none}#directorist-location-select{z-index:113!important}#directorist-tag-select{z-index:112!important}#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}.directorist-hide-owner-field.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:15px;font-weight:700}.directorist-map-coordinate{margin-top:20px}.directorist-map-coordinates{padding:0 0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-map-coordinates .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:290px}.directorist-map-coordinates__generate{-webkit-box-flex:0!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}.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:12px}.directorist-form-map-field__maps #gmap #gmap_full_screen_button,.directorist-form-map-field__maps #gmap .gm-fullscreen-control{display:none}.directorist-form-map-field__maps #gmap div[role=img]{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px!important;height:50px!important;cursor:pointer;border-radius:100%;overflow:visible!important}.directorist-form-map-field__maps #gmap div[role=img]>img{position:relative;z-index:1;width:100%!important;height:100%!important;border-radius:100%;background-color:var(--directorist-color-primary)}.directorist-form-map-field__maps #gmap div[role=img]:before{content:"";position:absolute;left:-25px;top:-25px;width:0;height:0;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;border:50px solid rgba(var(--directorist-color-dark-rgb),.2);opacity:0;visibility:hidden;-webkit-animation:atbd_scale 3s linear infinite alternate;animation:atbd_scale 3s linear infinite alternate}.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(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon{margin:0;display:inline-block;width:13px!important;height:13px!important;background-color:unset}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after,.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before{display:none}.directorist-form-map-field__maps #gmap div[role=img]:hover:before{opacity:1;visibility:visible}.directorist-form-map-field .map_drag_info{display:none}.directorist-form-map-field .atbd_map_shape{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:100%}.directorist-form-map-field .atbd_map_shape:before{content:"";position:absolute;left:-20px;top:-20px;width:0;height:0;opacity:0;visibility:hidden;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none}.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-marker-icon);-webkit-mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field .atbd_map_shape:hover:before{opacity:1;visibility:visible}.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}.directorist-form-image-upload-field .ez-media-uploader.ezmu--show{margin-bottom:120px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section{display:block}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;height:auto;margin-bottom:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload{background:unset;-webkit-filter:unset;filter:unset;width:auto}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i:after{width:90px;height:80px;background-color:var(--directorist-color-border-gray)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons{margin-top:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:0 17px 0 35px;margin:10px 0;height:40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px;background:var(--directorist-color-primary);color:var(--directorist-color-white);text-align:center;font-size:13px;font-weight:500;line-height:14px;cursor:pointer}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before{position:absolute;left:17px;top:13px;content:"";-webkit-mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:14px;height:14px;background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover{opacity:.85}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p{margin:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show{position:absolute;top:calc(100% + 22px);left:0;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap{display:none;height:76px;width:100px;border-radius:8px;background-color:var(--directorist-color-bg-gray)!important;border:2px dashed var(--directorist-color-border-gray)!important}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn{padding:0;width:30px;height:30px;font-size:0;position:relative}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before{content:"";position:absolute;width:30px;height:30px;left:0;z-index:2;background-color:var(--directorist-color-border-gray);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg);mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item{width:175px;min-width:175px;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset;flex-basis:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon{background-image:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask:after{width:12px;height:12px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button{width:20px;height:25px;background-size:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text{padding:0 5px;height:25px;line-height:25px}.directorist-form-image-upload-field .ezmu__info-list-item:empty{display:none}.directorist-add-listing-wrapper{max-width:1000px!important;margin:0 auto}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back{position:relative;height:100px;width:100%}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img{-o-object-fit:cover;object-fit:cover}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--directorist-color-dark-rgb),.5);opacity:0;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before{opacity:1;visibility:visible}.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1{font-size:20px;font-weight:500;margin:0}.directorist-add-listing-wrapper .ezmu__btn{margin-bottom:25px;background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn{pointer-events:none;opacity:.7}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight{position:relative}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:#ddd;cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after{content:"Maximum Files Uploaded";font-size:18px;font-weight:700;color:#ef0000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .ezmu__info-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;margin:15px 0 0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item{margin:0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before{width:16px;height:16px;background-image:url(../images/83eed1a628ff52c2adf977f50ac7adb4.svg)}.directorist-add-listing-form__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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-radius:50%;border:2px solid #f3f3f3;border-top-color:#656a7a;width:20px;height:20px;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite;display:inline-block;margin:0 0 0 10px;position:relative;top:4px}.directorist-add-listing-form__action label{line-height:1.25;margin-bottom:0}.directorist-add-listing-form__action #listing_notifier{padding:18px 40px 33px;font-size:14px;font-weight:600;color:var(--directorist-color-danger);border-top:1px solid var(--directorist-color-border)}.directorist-add-listing-form__action #listing_notifier:empty{display:none}.directorist-add-listing-form__action #listing_notifier .atbdp_success{color:var(--directorist-color-success)}.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{margin:0;padding:30px 40px 0;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width:576px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 0 0}.directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy,.directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy{padding:30px 30px 0}}@media only screen and (max-width:480px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 20px 0}}.directorist-add-listing-form__action .directorist-checkbox label,.directorist-add-listing-form__action .directorist-form-group label{font-size:14px;font-weight:500;margin:0 0 10px}.directorist-add-listing-form__action .directorist-checkbox label a,.directorist-add-listing-form__action .directorist-form-group label a{color:var(--directorist-color-info)}.directorist-add-listing-form__action .directorist-checkbox #guest_user_email,.directorist-add-listing-form__action .directorist-form-group #guest_user_email{margin:0 0 10px}.directorist-add-listing-form__action .directorist-form-required{padding-left:5px}.directorist-add-listing-form__publish{padding:100px 20px;margin-bottom:0;text-align:center}@media only screen and (max-width:576px){.directorist-add-listing-form__publish{padding:70px 20px}}@media only screen and (max-width:480px){.directorist-add-listing-form__publish{padding:50px 20px}}.directorist-add-listing-form__publish__icon i{width:70px;height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;margin:0 auto 25px;background-color:var(--directorist-color-light)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i{margin-bottom:20px}}.directorist-add-listing-form__publish__icon i:after{width:30px;height:30px;background-color:var(--directorist-color-primary)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i:after{width:25px;height:25px;width:22px;height:22px}}.directorist-add-listing-form__publish__title{font-size:24px;font-weight:600;margin:0 0 10px}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__title{font-size:22px}}.directorist-add-listing-form__publish__subtitle{font-size:15px;color:var(--directorist-color-body);margin:0}.directorist-add-listing-form .directorist-form-group textarea{padding:10px 0;background:transparent}.directorist-add-listing-form .atbd_map_shape{width:50px;height:50px}.directorist-add-listing-form .atbd_map_shape:before{left:-25px;top:-25px;border:50px solid rgba(var(--directorist-color-marker-shape-rgb),.2)}.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px}.directorist-custom-field-select select.directorist-form-element{padding-top:0;padding-bottom:0}.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}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.4705882353);width:100%;height:100%;position:absolute;overflow:auto;top:0;left:0;right:0;bottom:0;padding:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e4e4e4}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-privacy a,.directorist-form-terms a{text-decoration:none}.add_listing_form_wrapper .hide-if-no-js{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#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:var(--directorist-color-white)}#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents{padding-top:20px}.directorist-custom-field-checkbox,.directorist-custom-field-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0 10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-checkbox .directorist-form-description,.directorist-custom-field-checkbox .directorist-form-label,.directorist-custom-field-radio .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-form-description,.directorist-custom-field-radio .directorist-form-label{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%}@media only screen and (max-width:767px){.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-custom-field-btn-more{margin-top:5px}.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after,.directorist-custom-field-radio .directorist-custom-field-btn-more:after{content:"";display:inline-block;margin-left:5px;-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);width:12px;height:12px;background-color:var(--directorist-color-body)}.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after,.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after{-webkit-mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg)}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered{height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li{margin:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input{margin-top:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline{width:auto}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child{width:inherit}.multistep-wizard{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px}@media only screen and (max-width:991px){.multistep-wizard{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.multistep-wizard__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100vh;min-width:270px;max-width:270px;overflow-y:auto}.multistep-wizard__nav.sticky{position:fixed;top:0}.multistep-wizard__nav__btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;width:270px;min-height:36px;padding:7px 16px;outline:none;cursor:pointer;font-size:14px;font-weight:400;border-radius:8px;text-decoration:none!important;color:var(--directorist-color-light-gray);background-color:transparent;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}@media only screen and (max-width:991px){.multistep-wizard__nav__btn{width:100%}}.multistep-wizard__nav__btn i{min-width:36px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;background-color:#ededed}.multistep-wizard__nav__btn i:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.multistep-wizard__nav__btn:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-light-gray);display:block;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:2}.multistep-wizard__nav__btn.active,.multistep-wizard__nav__btn:hover{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border-color:var(--directorist-color-border-light);background-color:var(--directorist-color-white);outline:none}.multistep-wizard__nav__btn.active:before,.multistep-wizard__nav__btn:hover:before{opacity:1}.multistep-wizard__nav__btn:focus{outline:none;font-weight:600;color:var(--directorist-color-primary)}.multistep-wizard__nav__btn:focus:before,.multistep-wizard__nav__btn:focus i:after{background-color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed{color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);opacity:1}.multistep-wizard__nav__btn.completed i:after{background-color:var(--directorist-color-primary)}@media only screen and (max-width:991px){.multistep-wizard__nav{display:none}}.multistep-wizard__content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.multistep-wizard__single{border-radius:12px;background-color:var(--directorist-color-white)}.multistep-wizard__single label{display:block}.multistep-wizard__single span.required{color:var(--directorist-color-danger)}@media only screen and (max-width:991px){.multistep-wizard__single .directorist-content-module__title{position:relative;cursor:pointer}.multistep-wizard__single .directorist-content-module__title h2{-webkit-padding-end:20px;padding-inline-end:20px}.multistep-wizard__single .directorist-content-module__title:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-dark)}.multistep-wizard__single .directorist-content-module__title.opened:before{-webkit-mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg);mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg)}.multistep-wizard__single .directorist-content-module__contents{height:0;opacity:0;padding:0;visibility:hidden;-webkit-transition:padding-top .3s ease;transition:padding-top .3s ease}.multistep-wizard__single .directorist-content-module__contents.active{height:auto;opacity:1;padding:20px;visibility:visible}}.multistep-wizard__progressbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-top:50px;border-radius:8px}.multistep-wizard__progressbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--directorist-color-border);border-radius:8px;-webkit-transition:width .3s ease-in-out;transition:width .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:8px;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.multistep-wizard__bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}@media only screen and (max-width:575px){.multistep-wizard__bottom{gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.multistep-wizard__btn{width:200px;height:54px;gap:12px;border:none;outline:none;cursor:pointer;background-color:var(--directorist-color-light)}.multistep-wizard__btn.directorist-btn{color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn i:after{background-color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn:focus,.multistep-wizard__btn.directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.multistep-wizard__btn.directorist-btn:focus i:after,.multistep-wizard__btn.directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.multistep-wizard__btn[disabled=disabled],.multistep-wizard__btn[disabled=true]{color:var(--directorist-color-light-gray);pointer-events:none}.multistep-wizard__btn[disabled=disabled] i:after,.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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.multistep-wizard__count{font-size:15px;font-weight:500}@media only screen and (max-width:575px){.multistep-wizard__count{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}}.multistep-wizard .default-add-listing-bottom{display:none}.multistep-wizard.default-add-listing .multistep-wizard__single{display:block!important}.multistep-wizard.default-add-listing .multistep-wizard__bottom,.multistep-wizard.default-add-listing .multistep-wizard__progressbar{display:none!important}.multistep-wizard.default-add-listing .default-add-listing-bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:35px 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn{width:100%;height:54px}.logged-in .multistep-wizard__nav.sticky{top:32px}@keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}#directorist_submit_privacy_policy{display:block;opacity:0;width:0;height:0;margin:0;padding:0;border:none}#directorist_submit_privacy_policy:after{display:none}.upload-error{display:block!important;clear:both;background-color:#fcd9d9;color:#e80000;font-size:16px;word-break:break-word;border-radius:3px;padding:15px 20px}#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,.filelist{width:100%}.filelist .file{padding:5px;background-color:#ececec;border:1px solid #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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:20px}#custom-filedropbox,.directorist-custom-field-file-upload__wrapper>div,.plupload-upload-uic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plupload-upload-uic{width:200px;height:150px;padding:0;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;margin:0!important;background-color:var(--directorist-color-bg-gray);border:2px dashed var(--directorist-color-border-gray)}.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)}@media (max-width:575px){.plupload-upload-uic{width:100%;height:200px}}.plupload-thumbs{clear:both;overflow:hidden}.plupload-thumbs .thumb{position:relative;height:150px;width:200px;border-radius:12px}.plupload-thumbs .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.plupload-thumbs .thumb:hover .atbdp-thumb-actions:before{opacity:1;visibility:visible}@media (max-width:575px){.plupload-thumbs .thumb{width:100%;height:200px}}.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-color:#ff385c;height:32px;width:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer;-webkit-transition:.3s ease;transition:.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:.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:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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-caption-preview,.plupload-thumbs .atbdp-title-preview{position:absolute;top:10px;left:5px;font-size:10px;line-height:10px;padding:1px;background:hsla(0,0%,100%,.5);z-index:2;overflow:hidden;height:10px}.plupload-thumbs .atbdp-caption-preview{top:auto;bottom:10px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{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;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,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.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}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{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}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background-color:#ddd;outline:0}.leaflet-container .map-listing-card-single__content a,.leaflet-container a{color:#404040}.leaflet-container a.leaflet-active{outline:2px solid #fa8b0c}.leaflet-zoom-box{border:2px dotted var(--directorist-color-info);background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.65);box-shadow:0 1px 5px rgba(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:#000}.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}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);background-color:var(--directorist-color-white);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-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{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}.leaflet-container .leaflet-control-attribution{background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.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);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(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:700;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-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{border:1px solid #666}.leaflet-div-icon,.leaflet-tooltip{background-color:var(--directorist-color-white)}.leaflet-tooltip{position:absolute;padding:6px;border:1px solid var(--directorist-color-white);border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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)}.directorist-content-active #map{position:relative;width:100%;height:660px;border:none;z-index:1}.directorist-content-active #gmap_full_screen_button{position:absolute;top:20px;right:20px;z-index:999;width:50px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:var(--directorist-color-white);cursor:pointer}.directorist-content-active #gmap_full_screen_button i:after{width:22px;height:22px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--directorist-color-dark)}.directorist-content-active #gmap_full_screen_button .fullscreen-disable{display:none}.directorist-content-active #progress{display:none;position:absolute;z-index:1000;left:400px;top:300px;width:200px;height:20px;margin-top:-20px;margin-left:-100px;background-color:var(--directorist-color-white);background-color:hsla(0,0%,100%,.7);border-radius:4px;padding:2px}.directorist-content-active #progress-bar{width:0;height:100%;background-color:#76a6fc;border-radius:4px}.directorist-content-active .gm-fullscreen-control{width:50px!important;height:50px!important;margin:20px!important;border-radius:10px!important;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.26)!important;box-shadow:0 2px 20px rgba(0,0,0,.26)!important}.directorist-content-active .gmnoprint{border-radius:5px}.directorist-content-active .gm-style-cc,.directorist-content-active .gm-style-mtc-bbw,.directorist-content-active button.gm-svpc{display:none}.directorist-content-active .italic{font-style:italic}.directorist-content-active .buttonsTable{border:1px solid grey;border-collapse:collapse}.directorist-content-active .buttonsTable td,.directorist-content-active .buttonsTable th{padding:8px;border:1px solid grey}.directorist-content-active .version-disabled{text-decoration:line-through}.directorist-form-group .wp-picker-container .button{position:relative;height:40px;border:0;width:140px;padding:0;font-size:14px;font-weight:500;-webkit-transition:.3s ease;transition:.3s ease;border-radius:8px;cursor:pointer}.directorist-form-group .wp-picker-container .button:hover{color:var(--directorist-color-white);background:rgba(var(--directorist-color-dark-rgb),.7)}.directorist-form-group .wp-picker-container .button .wp-color-result-text{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:auto;min-width:100px;padding:0 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-size:14px;text-transform:capitalize;background-color:#f7f7f7;color:var(--directorist-color-body)}.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;border:none}.directorist-form-group .wp-picker-container .hidden{display:none}.directorist-form-group .wp-picker-container .wp-picker-open+.wp-picker-input-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:10px 0}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap{padding:15px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden,.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text{display:none}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label{width:90px;margin:0}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label+.button{margin-left:10px;padding-top:0;padding-bottom:0;font-size:15px}.directorist-show{display:block!important}.directorist-d-none,.directorist-hide{display:none!important}.directorist-text-center{text-align:center}.directorist-content-active .entry-content ul{margin:0;padding:0}.directorist-content-active .entry-content a{text-decoration:none}.directorist-content-active .entry-content .directorist-search-modal__contents__title{margin:0;padding:0;color:var(--directorist-color-dark)}.directorist-content-active button[type=submit].directorist-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-container-fluid>.directorist-container-fluid{padding-left:0;padding-right:0}.directorist-announcement-wrapper .directorist_not-found p{margin-bottom:0}.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below{top:0;border-color:var(--directorist-color-border)}.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below{top:32px}.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear{display:none}.directorist-content-active .select2.select2-container.select2-container--default{width:100%!important}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection{min-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;padding:5px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--directorist-color-border-gray)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus{border-color:var(--directorist-color-primary);outline:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice{height:28px;line-height:28px;font-size:12px;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;padding:0 10px;border-radius:8px;color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove{position:relative;width:12px;margin:0;font-size:0;color:var(--directorist-color-white)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before{content:"";-webkit-mask-image:url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);mask-image:url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-white);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;height:auto;line-height:30px;font-size:14px;overflow-y:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0!important;-ms-overflow-style:none;scrollbar-width:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar{display:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear{padding-right:25px}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b{display:none}.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection{border:none;border-bottom:2px solid var(--directorist-color-primary)!important}.directorist-content-active .select2-container.select2-container--open{z-index:99999}@media only screen and (max-width:575px){.directorist-content-active .select2-container.select2-container--open{width:calc(100% - 40px)}}.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b{margin-top:0}.directorist-content-active .select2-container .directorist-select2-addons-area{top:unset;bottom:20px;right:0}.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{position:absolute;right:0;padding:0;width:auto;pointer-events:none}.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close{position:absolute;right:15px;padding:0;display:none}#recover-pass-modal{display:none}.directorist-login-wrapper #recover-pass-modal .directorist-btn{margin-top:15px}.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover{text-decoration:none}body.modal-overlay-enabled{position:relative}body.modal-overlay-enabled:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(var(--directorist-color-dark-rgb),.05);z-index:1}.directorist-widget{margin-bottom:25px}.directorist-widget .directorist-card__header.directorist-widget__header{padding:20px 25px}.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-widget .directorist-card__body.directorist-widget__body{padding:20px 30px}.directorist-sidebar .directorist-card{margin-bottom:25px}.directorist-sidebar .directorist-card ul{padding:0;margin:0;list-style:none}.directorist-sidebar .directorist-card .directorist-author-social{padding:22px 0 0}.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul{padding:0}.directorist-sidebar .directorist-card .tagcloud{margin:0;padding:25px}.directorist-sidebar .directorist-card a{text-decoration:none}.directorist-sidebar .directorist-card select{width:100%;height:40px;padding:8px 0;border-radius:0;font-size:15px;font-weight:400;outline:none;border:none;border-bottom:1px solid var(--directorist-color-border);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.directorist-sidebar .directorist-card select:focus{border-color:var(--directorist-color-dark)}.directorist-sidebar .directorist-card__header__title{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-widget__listing-contact .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element{height:46px;padding:8px 16px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus{border:1px solid var(--directorist-color-dark)}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix{height:46px;line-height:46px}.directorist-widget__listing-contact .directorist-form-group textarea{min-height:130px!important;resize:none}.directorist-widget__listing-contact .directorist-btn,.directorist-widget__submit-listing .directorist-btn{width:100%}.directorist-widget__author-info figure{margin:0}.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:12px}.directorist-widget-listing__single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px}.directorist-widget-listing__single:not(:last-child){margin-bottom:25px}.directorist-widget-listing__image{width:70px;height:70px}.directorist-widget-listing__image a:focus{outline:none}.directorist-widget-listing__image img{width:100%;height:100%;border-radius:10px}.directorist-widget-listing__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-listing__content .directorist-widget-listing__title{font-size:15px;font-weight:500;line-height:1;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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-widget-listing__content .directorist-widget-listing__meta,.directorist-widget-listing__content .directorist-widget-listing__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:10px}.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-widget .directorist-widget-list li:not(:last-child){margin-bottom:10px}.directorist-widget .directorist-widget-list li span.fa,.directorist-widget .directorist-widget-list li span.la{cursor:pointer;margin:0 5px 0 0}.directorist-widget .directorist-widget-list .directorist-widget-list__icon{font-size:12px;display:inline-block;margin-right:10px;line-height:28px;width:28px;text-align:center;background-color:#f1f3f8;color:#9299b8;border-radius:50%}.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;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-widget-taxonomy .directorist-taxonomy-list-one{-webkit-margin-after:10px;margin-block-end:10px}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card{background:none;padding:0;min-height:auto}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span{font-weight:var(--directorist-fw-normal)}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty{display:none}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask{background-color:var(--directorist-color-light)}.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default{width:40px;height:40px;border-radius:50%;background-color:var(--directorist-color-light);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--directorist-color-primary);display:block}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{background:none;padding-bottom:0;-webkit-padding-start:52px;padding-inline-start:52px}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item{-webkit-padding-start:25px;padding-inline-start:25px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.directorist-widget-tags li{list-style:none;padding:0;margin:0}.directorist-widget-tags a{display:block;font-size:15px;font-weight:400;padding:5px 15px;text-decoration:none;color:var(--directorist-color-body);border:1px solid var(--directorist-color-border);border-radius:var(--directorist-border-radius-xs);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.directorist-widget-tags a:hover{color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-widget-advanced-search .directorist-search-form__box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action{margin-top:25px}.directorist-widget-advanced-search .directorist-search-form-top{width:100%}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input{width:100%}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field{border:0}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{position:unset;-webkit-transform:unset;transform:unset;display:block;margin:0 0 15px}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:none}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper,.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper,.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags{gap:10px;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form .directorist-search-field>label{display:block;margin:0 0 15px;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused>label{font-size:16px;font-weight:500}.directorist-widget-advanced-search .directorist-checkbox-rating{padding:0}.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:15px}.directorist-widget-advanced-search .directorist-btn-ml{display:block;font-size:13px;font-weight:500;margin-top:10px;color:var(--directorist-color-body)}.directorist-widget-advanced-search .directorist-btn-ml:hover{color:var(--directorist-color-primary)}.directorist-widget-advanced-search .directorist-advanced-filter__action{padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn{height:46px;font-size:14px;font-weight:400}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js{height:46px;padding:0 32px;font-size:14px;font-weight:400;letter-spacing:0;border-radius:8px;text-decoration:none;text-transform:capitalize;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus{outline:none}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.directorist-widget-authentication form{margin-bottom:15px}.directorist-widget-authentication p input:not(input[type=checkbox]),.directorist-widget-authentication p label{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:8px;border:1px solid var(--directorist-color-border);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-widget-authentication .login-submit button{cursor:pointer}.directorist-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-size:14px;font-weight:500;vertical-align:middle;text-transform:capitalize;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 26px;min-height:45px;line-height:1.5;border-radius:8px;border:1px solid var(--directorist-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;background-color:var(--directorist-color-primary);color:var(--directorist-color-white);-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none!important}.directorist-btn .directorist-icon-mask:after{background-color:currentColor;width:16px;height:16px}.directorist-btn.directorist-btn--add-listing,.directorist-btn.directorist-btn--logout{line-height:43px}.directorist-btn:focus,.directorist-btn:hover{color:var(--directorist-color-white);outline:0!important;background-color:rgba(var(--directorist-color-primary-rgb),.8)}.directorist-btn.directorist-btn-primary{background-color:var(--directorist-color-btn-primary-bg);color:var(--directorist-color-btn-primary);border:1px solid var(--directorist-color-btn-primary-border)}.directorist-btn.directorist-btn-primary:focus,.directorist-btn.directorist-btn-primary:hover{background-color:rgba(var(--directorist-color-btn-primary-rgb),.8)}.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after,.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after{background-color:var(--directorist-color-btn-primary)}.directorist-btn.directorist-btn-secondary{background-color:var(--directorist-color-btn-secondary-bg);color:var(--directorist-color-btn-secondary);border:1px solid var(--directorist-color-btn-secondary-border)}.directorist-btn.directorist-btn-secondary:focus,.directorist-btn.directorist-btn-secondary:hover{background-color:transparent;color:currentColor;border-color:var(--directorist-color-btn-secondary-bg)}.directorist-btn.directorist-btn-dark{background-color:var(--directorist-color-dark);border-color:var(--directorist-color-dark);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-dark:hover{background-color:rgba(var(--directorist-color-dark-rgb),.8)}.directorist-btn.directorist-btn-success{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-success:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-info{background-color:var(--directorist-color-info);border-color:var(--directorist-color-info);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-info:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-light{background-color:var(--directorist-color-light);border-color:var(--directorist-color-light);color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-light:focus,.directorist-btn.directorist-btn-light:hover{background-color:var(--directorist-color-light-hover);color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-lighter{border-color:var(--directorist-color-dark);background-color:#f6f7f9;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-warning{border-color:var(--directorist-color-warning);background-color:var(--directorist-color-warning);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-warning:hover{background-color:rgba(var(--directorist-color-warning-rgb),.8)}.directorist-btn.directorist-btn-danger{border-color:var(--directorist-color-danger);background-color:var(--directorist-color-danger);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-danger:hover{background-color:rgba(var(--directorist-color-danger-rgb),.8)}.directorist-btn.directorist-btn-bg-normal{background:#f9f9f9}.directorist-btn.directorist-btn-loading{position:relative;font-size:0;pointer-events:none}.directorist-btn.directorist-btn-loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background-color:inherit}.directorist-btn.directorist-btn-loading:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);position:absolute;top:13px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:spin-centered 3s linear infinite;animation:spin-centered 3s linear infinite}.directorist-btn.directorist-btn-disabled{pointer-events:none;opacity:.75}.directorist-btn.directorist-btn-outline{background:transparent;border:1px solid var(--directorist-color-border)!important;color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-outline-normal{background:transparent;border:1px solid var(--directorist-color-normal)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-normal:focus,.directorist-btn.directorist-btn-outline-normal:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-normal)}.directorist-btn.directorist-btn-outline-light{background:transparent;border:1px solid var(--directorist-color-bg-light)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary:focus,.directorist-btn.directorist-btn-outline-primary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-secondary{background:transparent;border:1px solid var(--directorist-color-secondary)!important;color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-secondary:focus,.directorist-btn.directorist-btn-outline-secondary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-success{background:transparent;border:1px solid var(--directorist-color-success)!important;color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-success:focus,.directorist-btn.directorist-btn-outline-success:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-info{background:transparent;border:1px solid var(--directorist-color-info)!important;color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-info:focus,.directorist-btn.directorist-btn-outline-info:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-warning{background:transparent;border:1px solid var(--directorist-color-warning)!important;color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-warning:focus,.directorist-btn.directorist-btn-outline-warning:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-danger{background:transparent;border:1px solid var(--directorist-color-danger)!important;color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-danger:focus,.directorist-btn.directorist-btn-outline-danger:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-dark{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-dark:focus,.directorist-btn.directorist-btn-outline-dark:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@-webkit-keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}@keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}.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}.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),.15)}.directorist-badge.directorist-badge-warning-transparent{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning-rgb),.15)}.directorist-badge.directorist-badge-info-transparent{color:var(--directorist-color-info);background-color:rgba(var(--directorist-color-info-rgb),.15)}.directorist-badge.directorist-badge-success-transparent{color:var(--directorist-color-success);background-color:rgba(var(--directorist-color-success-rgb),.15)}.directorist-badge.directorist-badge-danger-transparent{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger-rgb),.15)}.directorist-badge.directorist-badge-light-transparent{color:var(--directorist-color-white);background-color:rgba(var(--directorist-color-white-rgb),.15)}.directorist-badge.directorist-badge-gray-transparent{color:var(--directorist-color-gray);background-color:rgba(var(--directorist-color-gray-rgb),.15)}.directorist-badge .directorist-badge-tooltip{position:absolute;top:-35px;height:30px;line-height:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 20px;font-size:12px;border-radius:15px;color:var(--directorist-color-white);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.directorist-badge .directorist-badge-tooltip__featured{background-color:var(--directorist-color-featured-badge)}.directorist-badge .directorist-badge-tooltip__new{background-color:var(--directorist-color-new-badge)}.directorist-badge .directorist-badge-tooltip__popular{background-color:var(--directorist-color-popular-badge)}@media screen and (max-width:480px){.directorist-badge .directorist-badge-tooltip{height:25px;line-height:25px;font-size:10px;padding:0 15px}}.directorist-badge:hover .directorist-badge-tooltip{opacity:1;visibility:visible}.directorist-custom-range-slider-target,.directorist-custom-range-slider-target *{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-custom-range-slider-base,.directorist-custom-range-slider-connects{width:100%;height:100%;position:relative;z-index:1}.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);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.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{-webkit-backface-visibility:hidden;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{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.directorist-custom-range-slider-state-drag *{cursor:inherit!important}.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-vertical .directorist-custom-range-slider-handle{width:28px;height:34px;inset-inline-end:-6px;bottom:-17px}.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)}.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;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.directorist-custom-range-slider-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}[disabled] .directorist-custom-range-slider-connect{background-color:#b8b8b8}[disabled].directorist-custom-range-slider-handle,[disabled] .directorist-custom-range-slider-handle,[disabled].directorist-custom-range-slider-target{cursor:not-allowed}.directorist-custom-range-slider-pips,.directorist-custom-range-slider-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-custom-range-slider-pips{position:absolute;color:#999}.directorist-custom-range-slider-value{position:absolute;white-space:nowrap;text-align:center}.directorist-custom-range-slider-value-sub{color:#ccc;font-size:10px}.directorist-custom-range-slider-marker{position:absolute;background-color:#ccc}.directorist-custom-range-slider-marker-large,.directorist-custom-range-slider-marker-sub{background-color:#aaa}.directorist-custom-range-slider-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.directorist-custom-range-slider-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal{-webkit-transform:translate(50%,50%);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-horizontal.directorist-custom-range-slider-marker-sub{height:10px}.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large{height:15px}.directorist-custom-range-slider-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.directorist-custom-range-slider-value-vertical{-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:25px}.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical{-webkit-transform:translateY(50%);transform:translateY(50%)}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker{width:5px;height:2px;margin-top:-1px}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub{width:10px}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large{width:15px}.directorist-custom-range-slider-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background-color:var(--directorist-color-white);color:var(--directorist-color-dark);padding:5px;text-align:center;white-space:nowrap}.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip{-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;bottom:120%}.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip{-webkit-transform:translate(50%);transform:translate(50%);left:auto;bottom:10px}.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:120%}.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip{-webkit-transform:translateY(-18px);transform:translateY(-18px);top:auto;right:28px}.directorist-swiper{height:100%;overflow:hidden;position:relative}.directorist-swiper .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-swiper .swiper-slide>a,.directorist-swiper .swiper-slide>div{width:100%;height:100%}.directorist-swiper__nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;opacity:0;cursor:pointer}.directorist-swiper__nav,.directorist-swiper__nav i{-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-swiper__nav i{width:30px;height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;background-color:hsla(0,0%,100%,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-swiper__pagination .swiper-pagination-bullet{margin:0!important;width:5px;height:5px;opacity:.6;background-color:var(--directorist-color-white)}.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}.directorist-swiper__pagination--related{display:none}.directorist-swiper:hover>.directorist-swiper__navigation .directorist-swiper__nav{opacity:1}.directorist-single-listing-slider{width:var(--gallery-crop-width,740px);height:var(--gallery-crop-height,580px);max-width:100%;margin:0 auto;border-radius:12px}@media screen and (max-width:991px){.directorist-single-listing-slider{max-height:450px!important}}@media screen and (max-width:575px){.directorist-single-listing-slider{max-height:400px!important}}@media screen and (max-width:375px){.directorist-single-listing-slider{max-height:350px!important}}.directorist-single-listing-slider .directorist-swiper__nav i{height:40px;width:40px;background-color:rgba(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%;max-width:var(--gallery-crop-width,740px);-o-object-fit:cover;object-fit:cover;border-radius:12px}.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation,.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination{display:none}.directorist-single-listing-slider-thumb{width:var(--gallery-crop-width,740px);max-width:100%;margin:10px auto 0;overflow:auto;height:auto;display:none}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb{border-radius:12px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb{border-radius:8px}}.directorist-single-listing-slider-thumb .swiper-wrapper{height:auto}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-wrapper{gap:10px}}.directorist-single-listing-slider-thumb .directorist-swiper__navigation,.directorist-single-listing-slider-thumb .directorist-swiper__pagination{display:none}.directorist-single-listing-slider-thumb .swiper-slide{position:relative;cursor:pointer}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide{margin:0!important;height:90px}}.directorist-single-listing-slider-thumb .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide img{border-radius:14px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb .swiper-slide img{border-radius:8px;aspect-ratio:16/9}}.directorist-single-listing-slider-thumb .swiper-slide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;visibility:hidden}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide:before{border-radius:12px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb .swiper-slide:before{border-radius:8px}}.directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before,.directorist-single-listing-slider-thumb .swiper-slide:hover:before{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-single-listing-slider-thumb{display:none}}.directorist-swiper-related-listing.directorist-swiper{padding:15px;margin:-15px;height:auto}.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i{height:40px;width:40px}.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i:after{width:14px;height:14px}.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper{height:auto}.directorist-swiper-related-listing.slider-has-less-items>.directorist-swiper__navigation,.directorist-swiper-related-listing.slider-has-one-item>.directorist-swiper__navigation{display:none}.directorist-dropdown{position:relative}.directorist-dropdown__toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--directorist-color-body);background-color:var(--directorist-color-light);border-color:var(--directorist-color-light);padding:0 20px;border-radius:8px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;position:relative}.directorist-dropdown__toggle:focus,.directorist-dropdown__toggle:hover{background-color:var(--directorist-color-light)!important;border-color:var(--directorist-color-light)!important;outline:0!important;color:var(--directorist)}.directorist-dropdown__toggle.directorist-toggle-has-icon:after{content:"";-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:currentColor}.directorist-dropdown__links{display:none;position:absolute;width:100%;min-width:190px;overflow-y:auto;left:0;top:30px;padding:10px;border:none;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);z-index:99999}.directorist-dropdown__links a{font-size:14px;font-weight:400;display:block;padding:10px;border-radius:8px;text-decoration:none!important;color:var(--directorist-color-body);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-dropdown__links a.active,.directorist-dropdown__links a:hover{border-radius:8px;color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary-rgb),.05)}@media screen and (max-width:575px){.directorist-dropdown__links a{padding:5px 10px}}.directorist-dropdown__links--right{left:auto;right:0}@media (max-width:1440px){.directorist-dropdown__links{left:unset;right:0}}.directorist-dropdown.directorist-sortby-dropdown{border-radius:8px;border:2px solid var(--directorist-color-white)}.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;-webkit-transition:.3s ease;transition:.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}.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{-webkit-transform:translateX(20px);transform:translateX(20px)}.directorist-switch .directorist-switch-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;padding-left:65px;margin-left:0;color:var(--directorist-color-body)}.directorist-switch .directorist-switch-label:before{content:"";position:absolute;top:.75px;left:4px;display:block;width:44px;height:24px;border-radius:15px;pointer-events:all;background-color:#ececec}.directorist-switch .directorist-switch-label:after{position:absolute;display:block;content:"";background:no-repeat 50%/50% 50%;top:4.75px;left:8px;background-color:var(--directorist-color-white)!important;width:16px;height:16px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 0 4px rgba(143,142,159,.15);box-shadow:0 0 4px rgba(143,142,159,.15);border-radius:15px;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .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;-ms-user-select:none;user-select:none;font-size:14px;line-height:27px;padding:5px 10.5px;font-weight:500}.directorist-switch-Yn input[type=checkbox]{display:none}.directorist-switch-Yn input[type=checkbox]:checked+.directorist-switch-yes{background-color:#3e62f5;color:var(--directorist-color-white)}.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes,.directorist-switch-Yn input[type=checkbox]:checked+span+.directorist-switch-no{background-color:transparent;color:#9b9eaf}.directorist-switch-Yn input[type=checkbox]+span+.directorist-switch-no{background-color:#fb6665;color:var(--directorist-color-white)}.directorist-switch-Yn .directorist-switch-yes{border-radius:15px 0 0 15px}.directorist-switch-Yn .directorist-switch-no{border-radius:0 15px 15px 0}.directorist-tooltip{position:relative}.directorist-tooltip.directorist-tooltip-bottom[data-label]:before{bottom:-8px;top:auto;border-top-color:var(--directorist-color-white);border-bottom-color:rgba(var(--directorist-color-dark-rgb),1)}.directorist-tooltip.directorist-tooltip-bottom[data-label]:after{-webkit-transform:translate(-50%);transform:translate(-50%);top:100%;margin-top:8px}.directorist-tooltip[data-label]:after,.directorist-tooltip[data-label]:before{position:absolute!important;bottom:100%;display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-animation:showTooltip .3s ease;animation:showTooltip .3s ease}.directorist-tooltip[data-label]:before{content:"";left:50%;top:-6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:6px solid transparent;border-top:6px solid rgba(var(--directorist-color-dark-rgb),1)}.directorist-tooltip[data-label]:after{font-size:14px;content:attr(data-label);left:50%;-webkit-transform:translate(-50%,-6px);transform:translate(-50%,-6px);background:rgba(var(--directorist-color-dark-rgb),1);padding:4px 12px;border-radius:3px;color:var(--directorist-color-white);z-index:9999;text-align:center;min-width:140px;max-height:200px;overflow-y:auto}.directorist-tooltip[data-label]:hover:after,.directorist-tooltip[data-label]:hover:before{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)}@-webkit-keyframes showTooltip{0%{opacity:0}}@keyframes showTooltip{0%{opacity:0}}.directorist-alert{font-size:15px;word-break:break-word;border-radius:8px;background-color:#f4f4f4;padding:15px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-alert .directorist-icon-mask{margin-right:5px}.directorist-alert>a{padding-left:5px}.directorist-alert__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-alert__content i,.directorist-alert__content span.fa,.directorist-alert__content span.la{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;-webkit-box-shadow:none;box-shadow:none;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-alert__close .fa,.directorist-alert__close .la,.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),.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-color:#dcebfe;color:#157cf6}.directorist-alert.directorist-alert-info .directorist-alert__close{color:#157cf6}.directorist-alert.directorist-alert-warning{background-color:#fee9d9;color:#f56e00}.directorist-alert.directorist-alert-warning .directorist-alert__close{color:#f56e00}.directorist-alert.directorist-alert-danger{background-color:#fcd9d9;color:#e80000}.directorist-alert.directorist-alert-danger .directorist-alert__close{color:#e80000}.directorist-alert.directorist-alert-success{background-color:#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,.3)}.alert-danger.directorist-register-error{background:#fcd9d9;color:#e80000;border-radius:3px}.alert-danger.directorist-register-error .directorist-alert__close{color:#e80000}.directorist-single-listing-notice .directorist-alert__content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.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{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-user-dashboard .directorist-alert-info .directorist-alert__close{cursor:pointer;padding-right:0}.directorist-modal{position:fixed;width:100%;height:100%;padding:0;background:rgba(var(--directorist-color-dark-rgb),.5);left:0;top:0;z-index:-1;overflow:auto;outline:0}.directorist-modal__dialog{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 80px);pointer-events:none}.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__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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;line-height:1.45;padding:6px;text-decoration:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:var(--directorist-color-bg-light)}.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover{color:var(--directorist-color-body);background-color:var(--directorist-color-light-hover);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin:-7.5px}.directorist-modal__content .directorist-modal__footer .directorist-modal__action button{margin:7.5px}.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{-webkit-transition:.3s ease;transition:.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;-webkit-transition:.3s ease;transition:.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(var(--directorist-color-dark-rgb),.5);opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}.directorist-search-modal__contents{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-100%;width:90%;max-width:600px;margin-bottom:100px;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 25px 15px 40px;border-radius:16px 16px 0 0;background-color:var(--directorist-color-white);border-bottom:1px solid var(--directorist-color-border);z-index:999}@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:80px;padding:30px 30px 0;height:calc(100dvh - 250px)}}.directorist-search-modal__contents__body .directorist-search-field__label{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--directorist-color-body);-webkit-transition:opacity .3s ease,top .3s ease,font-size .3s ease;transition:opacity .3s ease,top .3s ease,font-size .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time]{padding-right:0}.directorist-search-modal__contents__body .directorist-search-field__btn{position:absolute;bottom:12px;cursor:pointer}.directorist-search-modal__contents__body .directorist-search-field__btn--clear{opacity:0;visibility:hidden;right:0}.directorist-search-modal__contents__body .directorist-search-field__btn--clear i:after{width:16px;height:16px;background-color:#bcbcbc;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i:after{background-color:var(--directorist-color-primary)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time]{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label{top:0;font-size:13px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select{position:relative;bottom:-5px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon{margin-top:0}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range{position:relative}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label{font-size:16px;font-weight:500;position:unset}.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label{opacity:0}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear{right:25px;bottom:12px}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after{background-color:grey}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after{width:12px;height:12px;background-color:grey}.directorist-search-modal__contents__body .directorist-search-form-dropdown{border-bottom:1px solid var(--directorist-color-border)}.directorist-search-modal__contents__body .wp-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap{margin:0!important}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label{width:70px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input{padding-right:10px!important;bottom:0}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder{top:45px}.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__footer .directorist-advanced-filter__action .directorist-btn{font-size:15px}.directorist-search-modal__contents__footer .directorist-btn-reset-js{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding:0;text-transform:none;border:none;background:transparent;cursor:pointer}.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--directorist-color-light);border-radius:100%;border:none;cursor:pointer}.directorist-search-modal__contents__btn i:after{width:10px;height:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;background-color:var(--directorist-color-dark)}.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 .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%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:5px;border-radius:8px;background-color:var(--directorist-color-border);opacity:0;visibility:hidden}@media only screen and (max-width:575px){.directorist-search-modal__minimizer{opacity:1;visibility:visible}}.directorist-search-modal--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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;width:16px;height:16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--directorist-color-body);-webkit-mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search{border-radius:8px;color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i:after{background-color:currentColor}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input{min-height:42px;border-radius:8px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field{width:100%;margin:0 20px;padding-right:15px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before{content:"";width:14px;height:14px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);opacity:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn{bottom:unset;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:100%;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:calc(100% + 20px)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:5px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value{border-bottom:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within{outline:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range{padding:5px 0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search{width:auto;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel){margin:0 40px}}@media screen and (max-width:575px) and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{width:calc(100% + 20px)}}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label{font-size:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-25px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input{bottom:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn{right:-20px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear{right:5px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js{padding-right:30px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label{opacity:0;font-size:0!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select{width:100%}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:20px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown{margin-right:20px!important;border-bottom:none}.directorist-search-modal--basic .directorist-price-ranges:after{top:30px}}.directorist-search-modal--basic .open_now>label{display:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges,.directorist-search-modal--basic .open_now .check-btn{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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-search-modal--basic .directorist-search-tags~.directorist-btn-ml{margin-bottom:10px}.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single{min-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal--basic .directorist-search-field-price_range>label,.directorist-search-modal--basic .directorist-search-field-pricing>label,.directorist-search-modal--basic .directorist-search-field-radius_search>label,.directorist-search-modal--basic .directorist-search-field-text_range>label,.directorist-search-modal--basic .directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset;display:block;font-size:14px;margin-bottom:15px}.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn{bottom:12px}.directorist-search-modal--full .directorist-search-field{-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-search-modal--full .directorist-search-field .directorist-search-field__label{font-size:14px;font-weight:400}.directorist-search-modal--full .directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0;z-index:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field-pricing>label,.directorist-search-modal--full .directorist-search-field-radius_search>label,.directorist-search-modal--full .directorist-search-field-text_range>label{display:block;font-size:16px;font-weight:500;margin-bottom:18px}.directorist-search-modal__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid var(--directorist-color-border);border-radius:8px;min-height:40px;margin:0 0 15px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input .directorist-select{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-search-modal__input .directorist-form-group .directorist-form-element,.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus,.directorist-search-modal__input .select2.select2-container .select2-selection{border:0}.directorist-search-modal__input__btn{width:0;padding:0 10px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input__btn .directorist-icon-mask:after{width:14px;height:14px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-body)}.directorist-search-modal__input .input-is-focused.directorist-search-query:after{display:none}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal .directorist-checkbox-wrapper,.directorist-search-modal .directorist-radio-wrapper,.directorist-search-modal .directorist-search-tags{padding:0;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown{padding:0!important}.directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn{right:0}}.directorist-search-modal .directorist-search-form-dropdown.input-has-value,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused{margin-top:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{bottom:0!important;padding-right:25px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label{opacity:1!important;visibility:visible;margin:0;font-size:14px!important;font-weight:500}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item{font-weight:600;margin-left:5px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{right:25px!important}}.directorist-search-modal .directorist-search-basic-dropdown{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0;width:100%;max-width:unset;height:40px;line-height:40px;font-size:14px;font-weight:500;cursor:pointer;position:unset!important;-webkit-transform:unset!important;transform:unset!important;color:var(--directorist-color-dark)}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty){-webkit-margin-end:5px;margin-inline-end:5px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty){width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-white);background-color:var(--directorist-color-primary);font-size:10px;border-radius:100%;-webkit-margin-start:10px;margin-inline-start:10px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after{width:12px;height:12px;background-color:grey}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before{left:-20px!important}}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content{position:absolute;left:0;width:100%;min-width:150px;padding:15px 20px;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);max-height:250px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;z-index:100;display:none}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show{display:block}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags{gap:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label{width:100%}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-content-active.directorist-overlay-active{overflow:hidden}.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection{border:0!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.directorist-content-active .directorist-card{border:none;padding:0;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .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-content-active .directorist-card__header{padding:15px 20px}}.directorist-content-active .directorist-card__header__title{font-size:18px;font-weight:500;line-height:1.2;color:var(--directorist-color-dark);letter-spacing:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.directorist-content-active .directorist-card__body{padding:25px;border-radius:0 0 16px 16px}@media screen and (max-width:575px){.directorist-content-active .directorist-card__body{padding:20px}}.directorist-content-active .directorist-card__body .directorist-review-single,.directorist-content-active .directorist-card__body .directorist-widget-tags ul{padding:0}.directorist-content-active .directorist-card__body p{font-size:15px;margin-top:0}.directorist-content-active .directorist-card__body p:last-child{margin-bottom:0}.directorist-content-active .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-input-wrap label input.directorist-color-picker{width:100%!important}.directorist-color-picker-wrap .wp-picker-clear{padding:0 15px;margin-top:3px;font-size:14px;font-weight:500;line-height:2.4}.directorist-form-group{position:relative;width:100%}.directorist-form-group textarea,.directorist-form-group textarea.directorist-form-element{min-height:unset;height:auto!important;max-width:100%;width:100%}.directorist-form-group__with-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d9d9d9;width:100%;gap:10px}.directorist-form-group__with-prefix:focus-within{border-bottom:2px solid var(--directorist-color-dark)}.directorist-form-group__with-prefix .directorist-form-element{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0!important;border:none!important}.directorist-form-group__with-prefix .directorist-single-info__value{font-size:14px;font-weight:500;margin:0!important}.directorist-form-group__prefix{height:40px;line-height:40px;font-size:14px;font-weight:500;color:#828282}.directorist-form-group__prefix--start{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.directorist-form-group__prefix--end{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input{padding-right:0!important}.directorist-form-group label{margin:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-form-group .directorist-form-element{position:relative;padding:0;width:100%;max-width:unset;min-height:unset;height:40px;font-size:14px;font-weight:500;color:var(--directorist-color-dark);border:none;border-radius:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--directorist-color-border-gray)}.directorist-form-group .directorist-form-element:focus{outline:none;-webkit-box-shadow:0 0;box-shadow:0 0;border:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-form-group .directorist-form-description{font-size:14px;margin-top:10px;color:var(--directorist-color-deep-gray)}.directorist-form-element.directorist-form-element-lg{height:50px}.directorist-form-element.directorist-form-element-lg__prefix{height:50px;line-height:50px}.directorist-form-element.directorist-form-element-sm{height:30px}.directorist-form-element.directorist-form-element-sm__prefix{height:30px;line-height:30px}.directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.directorist-form-group.directorist-icon-left .location-name{padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.directorist-form-group.directorist-icon-right .location-name{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group .directorist-input-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.45;z-index:99;-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-form-group .directorist-input-icon i,.directorist-form-group .directorist-input-icon span,.directorist-form-group .directorist-input-icon svg{font-size:14px}.directorist-form-group .directorist-input-icon .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-form-group .directorist-input-icon{margin-top:0}}.directorist-label{margin-bottom:0}input.directorist-toggle-input{display:none}.directorist-toggle-input-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}span.directorist-toggle-input-label-text{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:10px}span.directorist-toggle-input-label-icon{position:relative;width:50px;height:25px;border-radius:30px;background-color:#d9d9d9}span.directorist-toggle-input-label-icon,span.directorist-toggle-input-label-icon:after{display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}span.directorist-toggle-input-label-icon:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background-color:var(--directorist-color-white);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-tab-navigation-list-item{position:relative;list-style:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;margin:10px;padding:15px 20px;border-radius:4px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;background-color:var(--directorist-color-bg-light)}.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);-webkit-transform:translate(-50%);transform:translate(-50%)}.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:focus,.directorist-tab-navigation-list-item-link:visited{outline:none;-webkit-box-shadow: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);-webkit-transform:translate(-50%);transform:translate(-50%)}.directorist-tab-content{display:none}.directorist-tab-content.--is-active{display:block}.directorist-headline-4{margin:0 0 15px;font-size:15px;font-weight:400}.directorist-label-addon-prepend{margin-right:10px}.--is-hidden{display:none}.directorist-flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-checkbox,.directorist-flex-center,.directorist-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-checkbox input[type=checkbox],.directorist-checkbox input[type=radio],.directorist-radio input[type=checkbox],.directorist-radio input[type=radio]{display:none!important}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:30px;margin-bottom:0;margin-left:0;line-height:1.4;color:var(--directorist-color-body);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--directorist-color-gray);background-color:transparent}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{line-height:1.2;padding-left:25px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{top:1px;width:16px;height:16px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-radio__label .directorist-icon-mask:after{width:12px;height:12px}}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=radio]:checked+.directorist-radio__label:before{opacity:1;visibility:visible}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{position:absolute;left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white);display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{top:4px;left:3px}}.directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background-color:var(--directorist-color-white);border:0;opacity:0;visibility:hidden;z-index:2;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;content:""}@media only screen and (max-width:575px){.directorist-radio input[type=radio]+.directorist-radio__label:before{left:3px;top:4px}}.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white)}.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-secondary);border-color:var(--directorist-color-secondary)}.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success)}.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:#3e62f5!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:before{background-color:#3e62f5!important}.directorist-checkbox-rating{gap:20px;width:100%;padding:10px 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-checkbox-rating input[type=checkbox]+.directorist-checkbox__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-checkbox-rating .directorist-icon-mask:after{width:14px;height:14px;margin-top:1px}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:before{width:10px;height:10px;top:5px;left:5px;background-color:var(--directorist-color-white)!important}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked+.directorist-radio__label:after{background-color:#3e62f5;border-color:#3e62f5}.directorist-radio.directorist-radio-theme-admin .directorist-radio__label{padding-left:35px!important}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:before{width:8px;height:8px;top:6px!important;left:6px!important;border-radius:50%;background-color:var(--directorist-color-white)!important;content:""}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked+.directorist-checkbox__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label{padding-left:35px!important}.directorist-content-active{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-content-active .directorist-author-profile{padding:0}.directorist-content-active .directorist-author-profile__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding:25px 30px;margin:0 0 40px}.directorist-content-active .directorist-author-profile__wrap__body{padding:0}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__wrap{gap:8px}}.directorist-content-active .directorist-author-profile__avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__avatar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:15px}}.directorist-content-active .directorist-author-profile__avatar 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){.directorist-content-active .directorist-author-profile__avatar img{max-width:75px!important;max-height:75px!important}}.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name{margin:0 0 5px}.directorist-content-active .directorist-author-profile__avatar__info__name{font-size:20px;font-weight:500;color:var(--directorist-color-dark);margin:0 0 5px}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__avatar__info__name{margin:0}}.directorist-content-active .directorist-author-profile__avatar__info p{margin:0;font-size:14px;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-profile__meta-list{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px;list-style-type:none}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__meta-list{gap:5px 20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.directorist-content-active .directorist-author-profile__meta-list__item{gap:15px;margin:0;padding:18px 75px 18px 18px;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-author-profile__meta-list__item,.directorist-content-active .directorist-author-profile__meta-list__item i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:10px}.directorist-content-active .directorist-author-profile__meta-list__item i{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px;background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-profile__meta-list__item i:after{width:18px;height:18px;background-color:var(--directorist-color-white)}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item i{width:auto;height:auto;background-color:transparent}.directorist-content-active .directorist-author-profile__meta-list__item i:after{width:12px;height:12px;background-color:var(--directorist-color-warning)}}.directorist-content-active .directorist-author-profile__meta-list__item span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-profile__meta-list__item span span{font-size:18px;font-weight:500;line-height:1.1;color:var(--directorist-color-primary)}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item span{gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.directorist-content-active .directorist-author-profile__meta-list__item span span{font-size:15px;line-height:1}}@media only screen and (max-width:767px){.directorist-content-active .directorist-author-profile__meta-list__item{padding-right:50px}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item{padding:0;gap:5px;background:transparent;border-radius:0}.directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i{display:none}}.directorist-content-active .directorist-author-profile-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;margin:0}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i{width:34px;height:34px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after{width:14px;height:14px;background-color:var(--directorist-color-body)}@media screen and (min-width:576px){.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i{display:none}}.directorist-content-active .directorist-author-info-list{padding:0;margin:0}.directorist-content-active .directorist-author-info-list li{margin-left:0}.directorist-content-active .directorist-author-info-list__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:12px;font-size:15px;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-info-list__item i{margin-top:5px}@media screen and (max-width:575px){.directorist-content-active .directorist-author-info-list__item i{margin-top:0;height:34px;width:34px;min-width:34px;border-radius:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}}.directorist-content-active .directorist-author-info-list__item .directorist-label{display:none;min-width:70px;padding-right:10px;margin-right:8px;margin-top:5px;position:relative}.directorist-content-active .directorist-author-info-list__item .directorist-label:before{content:":";position:absolute;right:0;top:0}@media screen and (max-width:375px){.directorist-content-active .directorist-author-info-list__item .directorist-label{min-width:60px}}.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask:after{width:15px;height:15px;background-color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-info-list__item .directorist-info{word-break:break-all}@media screen and (max-width:575px){.directorist-content-active .directorist-author-info-list__item .directorist-info{margin-top:5px;word-break:break-all}}.directorist-content-active .directorist-author-info-list__item a{color:var(--directorist-color-body);text-decoration:none}.directorist-content-active .directorist-author-info-list__item a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-info-list__item:not(:last-child){margin-bottom:8px}.directorist-content-active .directorist-card__body .directorist-author-info-list{padding:0;margin:0}.directorist-content-active .directorist-author-social{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 0;list-style:none}.directorist-content-active .directorist-author-social__item{margin:0}.directorist-content-active .directorist-author-social__item a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:36px;width:36px;text-align:center;background-color:var(--directorist-color-light);border-radius:8px;font-size:15px;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease;text-decoration:none}.directorist-content-active .directorist-author-social__item a .directorist-icon-mask:after{background-color:grey;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-author-social__item a span{-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-author-social__item a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-author-social__item a:hover span.fa,.directorist-content-active .directorist-author-social__item a:hover span.la{background:none;color:var(--directorist-color-white)}.directorist-content-active .directorist-author-contact .directorist-author-social{margin:22px 0 0}.directorist-content-active .directorist-author-contact .directorist-author-social li{margin:0}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item,.directorist-content-active .directorist-author-social--light .directorist-author-social-item,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item{display:inline-block;margin:0}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a{font-size:15px;display:block;line-height:35px;width:36px;height:36px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light);border-radius:4px;color:var(--directorist-color-white);overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after{background-color:var(--directorist-color-body)}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-author-listing-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px;border-bottom:1px solid var(--directorist-color-border)}.directorist-content-active .directorist-author-listing-top__title{font-size:30px;font-weight:400;margin:0 0 52px;text-align:center}.directorist-content-active .directorist-author-listing-top__filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links{max-height:300px;overflow-y:auto}.directorist-content-active .directorist-author-listing-top .directorist-type-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:7px;font-size:14px;font-weight:400;color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i{margin:0}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after{background-color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li{margin:0;padding:0}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle{position:relative;top:-10px;gap:10px;background:transparent!important;border:none;padding:0;min-height:30px;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle{font-size:0;top:-5px}.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after{-webkit-mask-image:url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);mask-image:url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:16px;height:12px;background-color:var(--directorist-color-body)}}@media screen and (max-width:575px){.directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i{display:none}}.directorist-content-active .directorist-author-listing-content{padding:0}.directorist-content-active .directorist-author-listing-content .directorist-pagination{padding-top:35px}.directorist-content-active .directorist-author-listing-type .directorist-type-nav{background:none}.directorist-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-color:#2c99ff;color:var(--directorist-color-white);font-size:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:5px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#444752}.directorist-category-child__card__body li a span{color:var(--directorist-color-body)}.directorist-archive-contents{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-archive-contents .directorist-archive-items .directorist-pagination{margin-top:35px}.directorist-archive-contents .gm-style-iw-chr,.directorist-archive-contents .gm-style-iw-tc{display:none}@media screen and (max-width:575px){.directorist-archive-contents .directorist-archive-contents__top{padding:15px 20px 0}.directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav{margin:0 0 25px}.directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask{display:none}}.directorist-content-active .directorist-type-nav__link{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:15px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;padding:0 0 8px;border-bottom:2px solid transparent;color:var(--directorist-color-body)}.directorist-content-active .directorist-type-nav__link:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__link:focus{background-color:transparent}.directorist-content-active .directorist-type-nav__link .directorist-icon-mask{display:inline-block;margin:0 0 10px}.directorist-content-active .directorist-type-nav__link .directorist-icon-mask:after{width:22px;height:20px;background-color:var(--directorist-color-body)}.directorist-content-active .directorist-type-nav__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;padding:0;margin:0;list-style-type:none;overflow-x:auto;scrollbar-width:thin}@media only screen and (max-width:767px){.directorist-content-active .directorist-type-nav__list{overflow-x:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media only screen and (max-width:575px){.directorist-content-active .directorist-type-nav__list{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar{display:none}.directorist-content-active .directorist-type-nav__list li{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin:0;list-style:none;line-height:1}.directorist-content-active .directorist-type-nav__list a{text-decoration:unset}.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link,.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link{color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask:after,.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-archive-contents__top .directorist-type-nav{margin-bottom:30px}.directorist-content-active .directorist-archive-contents__top .directorist-header-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:30px 0}@media screen and (max-width:575px){.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full{display:none}.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid{padding:0}}.directorist-content-active .directorist-listings-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;width:100%}.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links{top:42px}.directorist-content-active .directorist-listings-header .directorist-header-found-title{margin:0;padding:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .directorist-listings-header__left{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.directorist-content-active .directorist-listings-header__left,.directorist-content-active .directorist-listings-header__left .directorist-filter-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn{gap:5px;font-size:14px;font-weight:400;color:var(--directorist-color-body);background-color:var(--directorist-color-light)!important;border:2px solid var(--directorist-color-white);padding:0 20px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask:after{width:14px;height:14px;margin-right:2px}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover{background-color:var(--directorist-color-bg-gray)!important;color:rgba(var(--directorist-color-btn-primary-rgb),.8)}.directorist-content-active .directorist-listings-header__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media screen and (max-width:425px){.directorist-content-active .directorist-listings-header__right{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-content-active .directorist-listings-header__right .directorist-dropdown__links{right:unset;left:0;max-width:250px}}.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single{cursor:pointer}.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover{background-color:var(--directorist-color-light)}.directorist-content-active .directorist-archive-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-content-active .directorist-archive-items .directorist-archive-notfound{padding:15px}.directorist-viewas{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-viewas,.directorist-viewas__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-viewas__item{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;border-radius:8px;border:2px solid var(--directorist-color-white);background-color:var(--directorist-color-light);color:var(--directorist-color-body)}.directorist-viewas__item i:after{width:16px;height:16px;background-color:var(--directorist-color-body)}.directorist-viewas__item.active{border-color:var(--directorist-color-primary);background-color:var(--directorist-color-primary)}.directorist-viewas__item.active i:after{background-color:var(--directorist-color-white)}@media only screen and (max-width:575px){.directorist-viewas__item--list{display:none}}.listing-with-sidebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:991px){.listing-with-sidebar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar .directorist-advanced-filter__form{width:100%}}@media only screen and (max-width:575px){.listing-with-sidebar .directorist-search-form__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;width:100%;margin:0}.listing-with-sidebar .directorist-search-form-action__submit{display:block}.listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.listing-with-sidebar__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__type-nav{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.listing-with-sidebar__type-nav .directorist-type-nav__list{gap:40px}.listing-with-sidebar__searchform{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media only screen and (max-width:767px){.listing-with-sidebar__searchform .directorist-search-form__box{padding:15px}}@media only screen and (max-width:575px){.listing-with-sidebar__searchform .directorist-search-form__box{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}}.listing-with-sidebar__searchform .directorist-search-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon{right:15px;top:unset;-webkit-transform:unset;transform:unset;bottom:8px}.listing-with-sidebar__searchform .directorist-advanced-filter__form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;gap:20px}@media only screen and (max-width:767px){.listing-with-sidebar__searchform .directorist-advanced-filter__form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.listing-with-sidebar__searchform .directorist-search-contents{padding:0}.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{bottom:0}.listing-with-sidebar__searchform .directorist-search-field-price_range>label,.listing-with-sidebar__searchform .directorist-search-field-pricing>label,.listing-with-sidebar__searchform .directorist-search-field-radius_search>label,.listing-with-sidebar__searchform .directorist-search-field-text_range>label,.listing-with-sidebar__searchform .directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset;display:block;font-size:14px;margin-bottom:15px}.listing-with-sidebar__header{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.listing-with-sidebar__header .directorist-header-bar{margin:0}.listing-with-sidebar__header .directorist-container-fluid{padding:0}.listing-with-sidebar__header .directorist-archive-sidebar-toggle{width:auto;font-size:14px;font-weight:400;min-height:40px;padding:0 20px;border-radius:8px;text-transform:capitalize;text-decoration:none!important;color:var(--directorist-color-primary);background-color:var(--directorist-color-light);border:2px solid var(--directorist-color-white);cursor:pointer;display:none}.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask{margin-right:5px}.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask:after{background-color:currentColor;width:14px;height:14px}@media only screen and (max-width:991px){.listing-with-sidebar__header .directorist-archive-sidebar-toggle{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.listing-with-sidebar__sidebar{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;max-width:350px}.listing-with-sidebar__sidebar form{width:100%}.listing-with-sidebar__sidebar .directorist-advanced-filter__close{display:none}@media screen and (max-width:1199px){.listing-with-sidebar__sidebar{max-width:300px;min-width:300px}}@media only screen and (max-width:991px){.listing-with-sidebar__sidebar{position:fixed;left:-360px;top:0;height:100svh;background-color:#fff;z-index:9999;overflow:auto;-webkit-box-shadow:0 10px 15px rgba(var(--directorist-color-dark-rgb),.15);box-shadow:0 10px 15px rgba(var(--directorist-color-dark-rgb),.15);visibility:hidden;opacity:0;-webkit-transition:.3s ease;transition:.3s ease}.listing-with-sidebar__sidebar .directorist-search-form__box-wrap{padding-bottom:30px}.listing-with-sidebar__sidebar .directorist-advanced-filter__close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:40px;height:40px;border-radius:100%;background-color:var(--directorist-color-light)}}@media only screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges{margin-top:15px}}.listing-with-sidebar__sidebar--open{left:0;visibility:visible;opacity:1}.listing-with-sidebar__sidebar .directorist-form-group label{font-size:15px;font-weight:500;color:var(--directorist-color-dark)}.listing-with-sidebar__sidebar .directorist-search-contents{padding:0}.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content{display:block!important}.listing-with-sidebar__sidebar .directorist-search-form__box{padding:0}@media only screen and (max-width:991px){.listing-with-sidebar__sidebar .directorist-search-form__box{display:block;height:100svh;-webkit-box-shadow:none;box-shadow:none;border:none}.listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced{display:block}}.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]){padding-right:20px}.listing-with-sidebar__sidebar .directorist-advanced-filter__top{width:100%;padding:25px 30px 20px;border-bottom:1px solid var(--directorist-color-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.listing-with-sidebar__sidebar .directorist-advanced-filter__title{margin:0;font-size:20px;font-weight:500;color:var(--directorist-color-dark)}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 30px 0}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field>label{font-size:16px;font-weight:500;margin:0}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label{position:unset;margin-bottom:15px;color:var(--directorist-color-body)}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label{position:unset}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,.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-search-review,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags{margin-top:13px}@media only screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,.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-search-review,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags{margin-top:5px}}.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field{margin-bottom:0}.listing-with-sidebar__sidebar .directorist-advanced-filter__action{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:25px 30px 30px;border-top:1px solid var(--directorist-color-light);-webkit-box-sizing:border-box;box-sizing:border-box}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax{padding:0;border:none;text-align:end;margin:-20px 0 20px;z-index:1}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax{padding:0;color:var(--directorist-color-info);background:transparent;width:auto;height:auto;line-height:normal;font-size:14px}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled{display:none}.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer{position:relative;background-color:transparent}.listing-with-sidebar__sidebar .directorist-btn-reset-js{width:100%;height:50px;line-height:50px;padding:0 32px;border:none;border-radius:8px;text-align:center;text-transform:none;text-decoration:none;cursor:pointer;background-color:var(--directorist-color-light)}.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.listing-with-sidebar__sidebar .directorist-btn-submit{width:100%}.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range{width:54px}@media screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range{width:100%}}.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child{border:0}.listing-with-sidebar__sidebar .directorist-checkbox-wrapper,.listing-with-sidebar__sidebar .directorist-radio-wrapper,.listing-with-sidebar__sidebar .directorist-search-tags{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__sidebar.right-sidebar-contents{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label{position:unset;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i,.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span{display:none}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0 0 10px;z-index:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel{margin-top:0}.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap{margin-bottom:0}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder{margin-top:10px}.listing-with-sidebar__listing{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__listing .directorist-archive-items,.listing-with-sidebar__listing .directorist-header-bar{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid,.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid{padding:0}.listing-with-sidebar__listing .directorist-archive-items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__listing .directorist-search-modal-advanced{display:none}.listing-with-sidebar__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px}@media screen and (max-width:575px){.listing-with-sidebar .directorist-search-form__top .directorist-search-field{padding:0;margin:0 20px 0 0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select{width:calc(100% + 20px)}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused{margin:0 25px}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel{margin:0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon{right:0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select{width:100%}.listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon{right:-15px}}@media only screen and (max-width:991px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:30px}}@media only screen and (max-width:767px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:46px}}@media only screen and (max-width:600px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:0}}.directorist-advanced-filter__basic{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-advanced-filter__basic,.directorist-advanced-filter__basic__element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-advanced-filter__basic__element .directorist-search-field{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:0;margin:0 0 40px}@media screen and (max-width:575px){.directorist-advanced-filter__basic__element .directorist-search-field{margin:0 0 20px}}.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper,.directorist-advanced-filter__basic__element .directorist-radio-wrapper,.directorist-advanced-filter__basic__element .directorist-search-tags{gap:15px;margin:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio{margin:0;-webkit-box-flex:0;-webkit-flex:0 0 46%;-ms-flex:0 0 46%;flex:0 0 46%}@media only screen and (max-width:575px){.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon{margin-top:3px;z-index:99}.directorist-advanced-filter__basic__element .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:0;margin:0 0 40px}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:16px;font-weight:500;margin:0;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-advanced-filter__advanced__element{overflow:hidden}.directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused{margin-top:0}.directorist-advanced-filter__advanced__element .directorist-search-field{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0 0 40px;-webkit-transition:margin .3s ease;transition:margin .3s ease}@media screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-search-field{margin:0 0 20px}}.directorist-advanced-filter__advanced__element .directorist-search-field>label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:0 0 15px;font-size:16px;font-weight:500;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label{top:6px;-webkit-transform:unset;transform:unset;font-size:14px;font-weight:400}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date],.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time]{padding-right:0}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time]{padding-right:20px}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset}.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,.directorist-advanced-filter__advanced__element .directorist-search-tags{gap:15px;margin:0;padding:10px 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,.directorist-advanced-filter__advanced__element .directorist-search-tags{gap:10px}}.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio{margin:0;-webkit-box-flex:0;-webkit-flex:0 0 46%;-ms-flex:0 0 46%;flex:0 0 46%}@media only screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox{display:none}.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4){display:block}.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon{margin-top:1px;z-index:99}.directorist-advanced-filter__advanced__element .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:0;margin:0 0 40px}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:16px;font-weight:500;margin:0;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox,.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker,.directorist-advanced-filter__advanced__element.directorist-search-field-location,.directorist-advanced-filter__advanced__element.directorist-search-field-pricing,.directorist-advanced-filter__advanced__element.directorist-search-field-radio,.directorist-advanced-filter__advanced__element.directorist-search-field-review,.directorist-advanced-filter__advanced__element.directorist-search-field-tag{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field{width:100%}.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-dark);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;cursor:pointer;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.directorist-advanced-filter__action .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.directorist-advanced-filter__action .directorist-btn{font-size:15px;font-weight:700;border-radius:8px;padding:0 32px;height:50px;letter-spacing:0}@media only screen and (max-width:375px){.directorist-advanced-filter__action .directorist-btn{padding:0 14.5px}}.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js{opacity:.5;cursor:not-allowed;pointer-events:none}.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.directorist-advanced-filter .directorist-date .directorist-form-group,.directorist-advanced-filter .directorist-time .directorist-form-group{width:100%}.directorist-advanced-filter .directorist-btn-ml{display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:var(--directorist-color-body)}.directorist-advanced-filter .directorist-btn-ml:hover{color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-advanced-filter .directorist-btn-ml{margin-top:10px}}.directorist-search-field-radius_search{position:relative}.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{position:absolute;right:0;top:0}.directorist-search-field-review .directorist-checkbox{display:block;width:auto}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:13px;font-weight:400;padding-left:35px;color:var(--directorist-color-body)}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:20px}@media screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:10px}}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:before{top:3px}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after{top:-2px}@media only screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after{top:0}}@media only screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label{padding-left:28px}}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-light)}.directorist-search-field-review .directorist-checkbox input[value="1"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:nth-child(2):after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(2):after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(3):after,.directorist-search-field-review .directorist-checkbox input[value="4"]+label .directorist-icon-mask:not(:nth-child(5)):after,.directorist-search-field-review .directorist-checkbox input[value="5"]+label .directorist-icon-mask:after{background-color:var(--directorist-color-star)}.directorist-search-field .directorist-price-ranges{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media (max-width:575px){.directorist-search-field .directorist-price-ranges{gap:12px 35px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}.directorist-search-field .directorist-price-ranges:after{content:"";position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px;height:2px;background-color:var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges .directorist-form-group:last-child{margin-left:15px}}@media (max-width:480px){.directorist-search-field .directorist-price-ranges{gap:20px}}.directorist-search-field .directorist-price-ranges__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.directorist-search-field .directorist-price-ranges__item.directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:transparent;border-bottom:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border:0!important}.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within{border-bottom:2px solid var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges__item.directorist-form-group{padding:0 15px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus{padding-bottom:0;border:2px solid var(--directorist-color-primary)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix{height:34px;line-height:34px}}.directorist-search-field .directorist-price-ranges__label{margin-right:5px}.directorist-search-field .directorist-price-ranges__currency{line-height:1;margin-right:4px}.directorist-search-field .directorist-price-ranges__price-frequency{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;gap:6px;margin:11px 0 0}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges__price-frequency{gap:0;margin:0;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__price-frequency label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}.directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range{border-radius:10px 0 0 10px}.directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range{border-radius:0 10px 10px 0}.directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child){border-right:1px solid var(--directorist-color-border)}}.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]{display:none}.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked+.directorist-pf-range{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-search-field .directorist-price-ranges .directorist-pf-range{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-dark);background-color:var(--directorist-color-border);border-radius:8px;width:70px;height:36px}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges .directorist-pf-range{width:100%;border-radius:0;background-color:var(--directorist-color-white)}}.directorist-search-field{font-size:15px}.directorist-search-field .wp-picker-container .wp-color-result,.directorist-search-field .wp-picker-container .wp-picker-clear{text-decoration:none}.directorist-search-field .wp-picker-container .wp-color-result,.directorist-search-field .wp-picker-container .wp-picker-clear{position:relative;height:40px;border:0;width:140px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:3px}.directorist-search-field .wp-picker-container .wp-color-result-text{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:102px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize;line-height:1}.directorist-search-field .wp-picker-holder{position:absolute;z-index:22}.check-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.check-btn label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:.3s ease;transition:.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{left:23px;-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}.check-btn label span:after,.check-btn label span:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-color:var(--directorist-color-white)}.check-btn label span:after{left:18px;width:16px;height:16px;border-radius:5px;border:2px solid #d9d9d9;-webkit-box-sizing:content-box;box-sizing:content-box}.pac-container{z-index:99999}.directorist-search-top{text-align:center;margin-bottom:34px}.directorist-search-top__title{color:var(--directorist-color-dark);font-size:36px;font-weight:500;margin-bottom:18px}.directorist-search-top__subtitle{color:var(--directorist-color-body);font-size:18px;opacity:.8;text-align:center}.directorist-search-contents{background-size:cover;padding:100px 0 120px}.directorist-search-field__label{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--directorist-color-body);-webkit-transition:opacity .3s ease,top .3s ease,font-size .3s ease;transition:opacity .3s ease,top .3s ease,font-size .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:12px;cursor:pointer}.directorist-search-field__btn--clear{right:0;opacity:0;visibility:hidden}.directorist-search-field__btn--clear i:after{width:16px;height:16px;background-color:#bcbcbc;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-search-field__btn--clear:hover i:after{background-color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-field .directorist-filter-location-icon{right:-15px}}.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select),.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select){padding-right:25px}.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js,.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js{padding-right:45px}.directorist-search-field.input-has-value .directorist-search-field__input[type=number],.directorist-search-field.input-is-focused .directorist-search-field__input[type=number]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__label,.directorist-search-field.input-is-focused .directorist-search-field__label{top:0;font-size:13px;font-weight:400;color:var(--directorist-color-body)}.directorist-search-field.input-has-value .directorist-search-field__btn--clear,.directorist-search-field.input-has-value .directorist-search-field__btn i:after,.directorist-search-field.input-is-focused .directorist-search-field__btn--clear,.directorist-search-field.input-is-focused .directorist-search-field__btn i:after{opacity:1;visibility:visible}.directorist-search-field.input-has-value .directorist-form-group__with-prefix,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix{border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-field.input-has-value .directorist-form-group__prefix--start,.directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-search-field.input-has-value .directorist-form-group__with-prefix,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input{bottom:0}.directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-field.input-has-value .directorist-select,.directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-field.input-is-focused .directorist-select{position:relative;bottom:-5px}.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input,.directorist-search-field.input-has-value.input-has-noLabel .directorist-select,.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input,.directorist-search-field.input-is-focused.input-has-noLabel .directorist-select{bottom:0;margin-top:0!important}.directorist-search-field.input-has-value.directorist-color .directorist-search-field__label,.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label,.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label,.directorist-search-field.input-has-value.directorist-time .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label,.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label{opacity:1}.directorist-search-field.input-has-value .directorist-location-js,.directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered,.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered,.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after,.directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-search-field.directorist-color .directorist-search-field__label,.directorist-search-field.directorist-date .directorist-search-field__label,.directorist-search-field .directorist-select .directorist-search-field__label,.directorist-search-field.directorist-time .directorist-search-field__label{opacity:0}.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-field .directorist-select~.directorist-search-field__btn--clear{right:25px}.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after,.directorist-search-field .directorist-select .directorist-icon-mask:after{background-color:grey}.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear{bottom:8px}.directorist-preload .directorist-search-form-top .directorist-search-field__label~.directorist-search-field__input{opacity:0;pointer-events:none}.directorist-search-form__box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;border:none;border-radius:10px;padding:22px 22px 22px 25px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.directorist-search-form__box{gap:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:575px){.directorist-search-form__box{padding:0;-webkit-box-shadow:unset;box-shadow:unset;border:none}.directorist-search-form__box .directorist-search-form-action{display:none}}.directorist-search-form__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:18px}@media screen and (max-width:767px){.directorist-search-form__top{width:100%}}@media screen and (min-width:576px){.directorist-search-form__top{margin-top:5px}.directorist-search-form__top .directorist-search-modal__minimizer{display:none}.directorist-search-form__top .directorist-search-modal__contents{border-radius:0;z-index:1}.directorist-search-form__top .directorist-search-query:after{display:none}.directorist-search-form__top .directorist-search-modal__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:30%;-webkit-flex:30%;-ms-flex:30%;flex:30%;margin:0;border:none;border-radius:0}.directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn{display:none}.directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus{border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field{border:0}.directorist-search-form__top .directorist-search-modal__input:not(:last-child) .directorist-search-field{border-right:1px solid var(--directorist-color-border)}.directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents{position:unset;opacity:1!important;visibility:visible!important;-webkit-transform:unset;transform:unset;width:100%;margin:0;max-width:unset;overflow:visible}.directorist-search-form__top .directorist-search-modal__contents__body{height:auto;padding:0;gap:18px;margin:0;overflow:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon{left:15px}.directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon,.directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:15px}.directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close{right:30px}.directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle{display:block}.directorist-search-form__top .directorist-search-category,.directorist-search-form__top .directorist-select{width:calc(100% + 15px)}}@media screen and (max-width:767px){.directorist-search-form__top .directorist-search-modal__input{-webkit-box-flex:44%;-webkit-flex:44%;-ms-flex:44%;flex:44%}}.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close{display:none}.directorist-search-form__top .directorist-search-form__single-category{cursor:not-allowed}.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select,.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select~.select2-container{opacity:.6;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-category~.directorist-search-field__btn{cursor:not-allowed;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-location{cursor:not-allowed}.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select,.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select~.select2-container{opacity:.6;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-location~.directorist-search-field__btn{cursor:not-allowed;pointer-events:none}.directorist-search-form__top .directorist-search-field{-webkit-box-flex:30%;-webkit-flex:30%;-ms-flex:30%;flex:30%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin:0;position:relative;padding-bottom:0;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.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__btn--clear{right:15px;bottom:8px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input{padding-right:25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select{padding-right:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection{width:100%}.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:15px}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:5px}}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select{margin-top:3px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:38px;bottom:8px;top:unset;-webkit-transform:unset;transform:unset}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{bottom:10px}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:25px!important}}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap{top:12px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear{bottom:0}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap{top:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear{bottom:unset}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear{right:10px!important}}.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after{margin-top:3px}.directorist-search-form__top .directorist-search-field .directorist-form-element{background-color:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:0;border-bottom:2px solid transparent}.directorist-search-form__top .directorist-search-field .directorist-form-element:focus{border-color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field .directorist-form-element{border:0;border-radius:0;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}}.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element{border-bottom:2px solid var(--directorist-color-border)}.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus{border-color:var(--directorist-color-primary)}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element,.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus{border:none!important}.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{right:15px}.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label,.directorist-search-form__top .directorist-search-field .directorist-select select{border:0}.directorist-search-form__top .directorist-search-field .wp-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap{margin:0}@media screen and (max-width:480px){.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label{width:70px}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input{padding-right:10px;bottom:0}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder{top:45px}.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper,.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper,.directorist-search-form__top .directorist-search-field .directorist-search-tags{padding:0;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered{font-size:14px;font-weight:500}.directorist-search-form__top .directorist-search-field .directorist-btn-ml{display:block;font-size:13px;font-weight:500;margin-top:10px;color:var(--directorist-color-body)}.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover{color:var(--directorist-color-primary)}@media screen and (max-width:767px){.directorist-search-form__top .directorist-search-field{-webkit-box-flex:44%;-webkit-flex:44%;-ms-flex:44%;flex:44%}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;margin:0 20px;border:none!important}.directorist-search-form__top .directorist-search-field__label{left:0;min-width:14px}.directorist-search-form__top .directorist-search-field__label:before{content:"";width:14px;height:14px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);opacity:0}.directorist-search-form__top .directorist-search-field__btn{bottom:unset;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-form__top .directorist-search-field__btn i:after{width:14px;height:14px}.directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single{width:100%}.directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{position:absolute;right:5px;padding:0;width:auto}.directorist-search-form__top .directorist-search-field.input-has-value,.directorist-search-form__top .directorist-search-field.input-is-focused{padding:0;margin:0 40px}}@media screen and (max-width:575px) and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,.directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel{margin:0 20px}.directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn,.directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn{right:0}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label{font-size:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn{right:-20px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i:after,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i:after{width:14px;height:14px;opacity:1;visibility:visible}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear{right:25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{bottom:12px;top:unset;-webkit-transform:unset;transform:unset}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select{padding-right:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js{padding-right:30px}.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon{margin-top:0}.directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon{right:-20px;bottom:12px}.directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon{right:0;bottom:8px}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label{opacity:0;font-size:0!important}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__label{top:12px;left:0}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency{top:12px;left:32px}}.directorist-search-form__top .select2-container{width:100%}.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 0;border:0!important;width:calc(100% - 15px)}.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-body)}.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after{width:12px;height:12px;background-color:grey}.directorist-search-form__top .select2-container .directorist-select2-dropdown-close{display:none}.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle{position:absolute;padding:0;width:auto}.directorist-search-form__top input[type=number]::-webkit-inner-spin-button,.directorist-search-form__top input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-form-dropdown{padding:0!important;margin-right:5px!important}.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn{right:0}}.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear{bottom:12px;opacity:0;visibility:hidden}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:25px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label{opacity:1!important;visibility:visible;font-size:14px!important;font-weight:500}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item{font-weight:600;margin-left:5px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i:after,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i:after{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-form-dropdown.input-has-value,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused{margin-right:20px!important}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:0!important}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{right:20px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear{bottom:5px}}.directorist-search-form__top .directorist-search-basic-dropdown{position:relative}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0;width:100%;max-width:unset;height:40px;line-height:40px;margin-bottom:0!important;font-size:14px;font-weight:400;cursor:pointer;position:unset!important;-webkit-transform:unset!important;transform:unset!important;color:var(--directorist-color-body)}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty){-webkit-margin-end:5px;margin-inline-end:5px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty){width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-white);background-color:var(--directorist-color-primary);font-size:10px;border-radius:100%;-webkit-margin-start:10px;margin-inline-start:10px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after{width:12px;height:12px;background-color:grey}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before{left:-20px!important}}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content{position:absolute;left:0;width:100%;min-width:150px;padding:15px 20px;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:250px;overflow-y:auto;z-index:100;display:none}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show{display:block}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper,.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags{gap:12px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label{width:100%}.directorist-search-form__top .directorist-form-group__with-prefix{border:none}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input{padding-right:0!important;border:none!important;bottom:0}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus{border:none!important}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element{padding-left:0!important}.directorist-search-form__top .directorist-form-group__with-prefix~.directorist-search-field__btn--clear{bottom:12px}.directorist-search-form-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:auto;margin-inline-end:auto;-webkit-padding-start:10px;padding-inline-start:10px;gap:10px}@media only screen and (max-width:767px){.directorist-search-form-action{-webkit-padding-start:0;padding-inline-start: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{gap:6px;height:50px;padding:0 18px;font-weight:400;background-color:var(--directorist-color-white)!important;border-color:var(--directorist-color-white);color:var(--directorist-color-btn-primary-bg)}.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask:after{height:12px;width:14px;background-color:var(--directorist-color-btn-primary-bg)}.directorist-search-form-action__filter .directorist-filter-btn:hover{color:rgba(var(--directorist-color-btn-primary-rgb),.8)}@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{gap:8px;height:50px;padding:0 25px;font-size:15px;font-weight:700;border-radius:8px}.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask:after{height:16px;width:16px;background-color:var(--directorist-color-white);-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media only screen and (max-width:575px){.directorist-search-form-action__submit{display:none}}.directorist-search-form-action__modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media only screen and (max-width:575px){.directorist-search-form-action__modal{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@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;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-search-form-action__modal__btn-search i:after{width:16px;height:16px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.directorist-search-form-action__modal__btn-advanced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after{height:16px;width:16px}.atbdp-form-fade{position:relative;border-radius:8px;overflow:visible}.atbdp-form-fade.directorist-search-form__box{padding:15px;border-radius:10px}.atbdp-form-fade.directorist-search-form__box:after{border-radius:10px}.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:2px solid transparent;border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:atbd_spin2 2s linear infinite;animation:atbd_spin2 2s linear infinite;z-index:9999}.atbdp-form-fade:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:8px;background:rgba(var(--directorist-color-primary-rgb),.3);z-index:9998}.directorist-on-scroll-loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:18px;font-weight:500;color:var(--directorist-color-primary);gap:8px}.directorist-on-scroll-loading .directorist-spinner{width:25px;height:25px;margin:0;background:transparent;border-top:3px solid var(--directorist-color-primary);border-right:3px solid transparent;border-radius:50%;-webkit-animation:rotate360 1s linear infinite;animation:rotate360 1s linear infinite}.directorist-listing-type-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none}@media only screen and (max-width:767px){.directorist-listing-type-selection{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}}@media only screen and (max-width:575px){.directorist-listing-type-selection{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-listing-type-selection__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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;padding:0 0 8px;color:var(--directorist-color-body)}.directorist-listing-type-selection__item a:hover{color:var(--directorist-color-primary)}.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after{background-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:700;color:var(--directorist-color-primary)}.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after{opacity:1;visibility:visible}.directorist-search-form-wrap .directorist-listing-type-selection{padding:0;margin:0}@media only screen and (max-width:575px){.directorist-search-form-wrap .directorist-listing-type-selection{margin:0 auto}}.directorist-search-contents .directorist-btn-ml:after{content:"";display:inline-block;margin-left:5px;-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);width:12px;height:12px;background-color:var(--directorist-color-body)}.directorist-search-contents .directorist-btn-ml.active:after{-webkit-mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:20px 35px;margin:0;list-style:none}@media only screen and (max-width:575px){.directorist-listing-category-top ul{gap:12px;overflow-x:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-listing-category-top li a{color:var(--directorist-color-body);font-size:14px;font-weight:500;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:10px}.directorist-listing-category-top li a i,.directorist-listing-category-top li a span,.directorist-listing-category-top li a span.fab,.directorist-listing-category-top li a span.fas,.directorist-listing-category-top li a span.la,.directorist-listing-category-top li a span.lab,.directorist-listing-category-top li a span.lar,.directorist-listing-category-top li a span.las{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;min-width:250px;max-height:345px!important;overflow-y:scroll;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);z-index:10}.directorist-search-field .directorist-location-js+.address_result ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;padding:7px;margin:0 0 15px;list-style-type:none}.directorist-search-field .directorist-location-js+.address_result ul a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:15px;font-size:14px;line-height:18px;margin:0 13px;color:var(--directorist-color-body);background-color:var(--directorist-color-white);border-radius:8px;text-decoration:none}.directorist-search-field .directorist-location-js+.address_result ul a .location-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:36px;max-width:36px;height:36px;border-radius:8px;background-color:var(--directorist-color-bg-gray)}.directorist-search-field .directorist-location-js+.address_result ul a .location-icon i:after{width:16px;height:16px}.directorist-search-field .directorist-location-js+.address_result ul a .location-address{position:relative;top:2px}.directorist-search-field .directorist-location-js+.address_result ul a.current-location{height:50px;margin:0 0 13px;padding:0 8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:var(--directorist-color-primary);background-color:var(--directorist-color-bg-gray)}.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address{position:relative;top:0}.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address:before{content:"Current Location"}.directorist-search-field .directorist-location-js+.address_result ul a:hover{color:var(--directorist-color-primary)}.directorist-search-field .directorist-location-js+.address_result ul li{border:none;padding:0;margin:0}.directorist-zipcode-search .directorist-search-country{position:absolute;width:100%;left:0;top:45px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 10px rgba(145,146,163,.2);box-shadow:0 5px 10px rgba(145,146,163,.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;margin:0}.directorist-search-contents .directorist-search-form-top .form-group.open_now{-webkit-box-flex:30.8%;-webkit-flex:30.8%;-ms-flex:30.8%;flex:30.8%;border-right:1px solid var(--directorist-color-border)}.directorist-custom-range-slider{width:100%}.directorist-custom-range-slider__wrap{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-custom-range-slider__value,.directorist-custom-range-slider__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-custom-range-slider__value{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;background:transparent;border-bottom:1px solid var(--directorist-color-border);-webkit-transition:border .3s ease;transition:border .3s ease}.directorist-custom-range-slider__value:focus-within{border-bottom:2px solid var(--directorist-color-primary)}.directorist-custom-range-slider__value input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:40px;margin:0;padding:0!important;font-size:14px;font-weight:500;color:var(--directorist-color-primary);border:none!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.directorist-custom-range-slider__label{font-size:14px;font-weight:400;margin:0 10px 0 0;color:var(--directorist-color-light-gray)}.directorist-custom-range-slider__prefix{line-height:1;font-size:14px;font-weight:500;color:var(--directorist-color-primary)}.directorist-custom-range-slider__range__wrap{gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px;font-weight:500}.directorist-custom-range-slider__range__wrap,.directorist-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-pagination{gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-pagination,.directorist-pagination .page-numbers{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-pagination .page-numbers{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;width:40px;height:40px;font-size:14px;font-weight:400;border-radius:8px;color:var(--directorist-color-body);background-color:var(--directorist-color-white);border:2px solid var(--directorist-color-border);-webkit-transition:border .3s ease,color .3s ease;transition:border .3s ease,color .3s ease}.directorist-pagination .page-numbers .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-body)}.directorist-pagination .page-numbers span{border:0;min-width:auto;margin:0}.directorist-pagination .page-numbers.current,.directorist-pagination .page-numbers:hover{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-pagination .page-numbers.current .directorist-icon-mask:after,.directorist-pagination .page-numbers:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-categories{margin-top:15px}.directorist-categories__single{border-radius:12px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white)}.directorist-categories__single--image{background-position:50%;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-dark-rgb),.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;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;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:16px;color:var(--directorist-color-dark)}.directorist-categories__single__name:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after{width:50px;height:50px}@media screen and (max-width:991px){.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after{width:40px;height:40px}}.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask{background-color:var(--directorist-color-primary);border-radius:50%;padding:17px}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask:after{width:36px;height:36px;background-color:var(--directorist-color-white)}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total{font-size:14px;font-weight:400;color:var(--directorist-color-deep-gray)}.directorist-categories__single--style-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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:3px solid var(--directorist-color-primary);margin-top:15px}.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-categories__single--style-three .directorist-category-count{border-color:var(--directorist-color-white)}.directorist-categories__single--style-four .directorist-icon-mask{background-color:var(--directorist-color-primary);border-radius:50%;padding:17px}.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)}.directorist-categories .directorist-row>*{margin-top:30px}.directorist-categories .directorist-type-nav{margin-bottom:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:var(--directorist-color-light);border-radius:var(--directorist-border-radius-lg);padding:8px 20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:15px;font-weight:500;text-decoration:none;position:relative;min-height:40px;-webkit-transition:.3s ease;transition:.3s ease;z-index:1}.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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-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{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask{width:40px;height:40px;border-radius:50%;background-color:var(--directorist-color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask:after{width:15px;height:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__count,.directorist-taxonomy-list-one .directorist-taxonomy-list__name{color:var(--directorist-color-dark)}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler{-webkit-margin-start:auto;margin-inline-start:auto}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask:after{width:10px;height:10px;-webkit-transition:.3s ease;transition:.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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:15px;text-decoration:none;color:var(--directorist-color-dark)}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul{-webkit-padding-start:10px;padding-inline-start:10px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item{background-color:var(--directorist-color-light);border-radius:12px;-webkit-padding-start:35px;padding-inline-start:35px;-webkit-padding-end:20px;padding-inline-end:20px;height:0;overflow:hidden;visibility:hidden;opacity:0;padding-bottom:20px;margin-top:-20px;-webkit-transition:.3s ease;transition:.3s ease}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li{margin:0}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item{-webkit-padding-start:15px;padding-inline-start:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item{-webkit-padding-start:64px;padding-inline-start:64px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item{-webkit-padding-start:15px;padding-inline-start:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{border-radius:0 0 16px 16px;height:auto;visibility:visible;opacity:1;margin-top:0}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle+.directorist-taxonomy-list__sub-item{height:0;opacity:0;padding:0;visibility:hidden;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{opacity:1;height:auto;visibility:visible}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler:after{content:none}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler{-webkit-margin-start:auto;margin-inline-start:auto;position:relative;width:10px;height:10px;display:inline-block}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:before{position:absolute;content:"";left:0;top:50%;width:10px;height:1px;background-color:var(--directorist-color-deep-gray);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:after{position:absolute;content:"";width:1px;height:10px;left:50%;top:0;background-color:var(--directorist-color-deep-gray);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.directorist-taxonomy-list-two .directorist-taxonomy-list{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);border-radius:var(--directorist-border-radius-lg);background-color:var(--directorist-color-white)}.directorist-taxonomy-list-two .directorist-taxonomy-list__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;text-decoration:none;min-height:40px;-webkit-transition:.6s ease;transition:.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-color:var(--directorist-color-dark);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.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}.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(var(--directorist-color-dark-rgb),.5);border-radius:inherit}.directorist-location--grid-one .directorist-location__single--img .directorist-location__content{position:absolute;left:0;bottom:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a,.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;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white)}.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,.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 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:16px;font-weight:500}.directorist-location--grid-one .directorist-location__content a{color:var(--directorist-color-dark);text-decoration:none}.directorist-location--grid-one .directorist-location__content a:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0}.directorist-location--grid-one .directorist-location__count{display:block;font-size:14px;font-weight:400}.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}.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(var(--directorist-color-dark-rgb),.5);border-radius:var(--directorist-border-radius-lg)}.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img){height:300px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,.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 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}.directorist-location .directorist-row>*{margin-top:30px}.directorist-location .directorist-type-nav{margin-bottom:15px}.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),.5);left:0;top:0;z-index:9999;display:none;overflow:hidden;outline:0}.at-modal-content{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 5rem);pointer-events:none}.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{-webkit-transition:.3s ease;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;-webkit-transition:.3s ease;transition:.3s ease}.at-modal .atm-contents-inner .at-modal-close{width:32px;height:32px;top:20px;right:20px;position:absolute;-webkit-transform:none;transform:none;background-color:#444752;color:var(--directorist-color-white);border-radius:300px;opacity:1;font-weight:300;z-index:2;font-size:16px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.at-modal .atm-contents-inner .close span{display:block;line-height:0}@media (min-width:992px) and (max-width:1199.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:768px) and (max-width:991.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:576px) and (max-width:767.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (max-width:575.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 30px)}}.directorist-author__form{max-width:540px;margin:0 auto;padding:50px 40px;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media only screen and (max-width:480px){.directorist-author__form{padding:40px 25px}}.directorist-author__form__btn{width:100%;height:50px;border-radius:8px}.directorist-author__form__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:28px 0 33px}.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,.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{margin:0 0 20px}.directorist-author__form__recover-pass-modal p,.directorist-author__message__text{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-authentication{height:0;opacity:0;visibility:hidden;-webkit-transition:height .3s ease,opacity .3s ease,visibility .3s ease;transition:height .3s ease,opacity .3s ease,visibility .3s ease}.directorist-authentication__form{max-width:540px;margin:0 auto 15px;padding:50px 40px;border-radius:12px;background-color:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}@media only screen and (max-width:480px){.directorist-authentication__form{padding:40px 25px}}.directorist-authentication__form__btn{width:100%;height:50px;border:none;border-radius:8px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-authentication__form__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:28px 0 33px}.directorist-authentication__form__actions a{font-size:14px;font-weight:400;color:grey;border-bottom:1px dashed grey}.directorist-authentication__form__actions a:hover{color:#000;border-color:#000}.directorist-authentication__form__actions label,.directorist-authentication__form__toggle-area{font-size:14px;font-weight:400;color:#404040}.directorist-authentication__form__toggle-area a{margin-left:5px;color:#2c99ff;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-authentication__form__toggle-area a:hover{color:#000}.directorist-authentication__form__recover-pass-modal{display:none}.directorist-authentication__form__recover-pass-modal .directorist-form-group{margin:0;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e9e9e9}.directorist-authentication__form__recover-pass-modal p{font-size:14px;font-weight:400;color:#404040;margin:0 0 20px}.directorist-authentication__form .directorist-form-element{padding:15px 0;border-radius:0;border:none;border-bottom:1px solid #ececec}.directorist-authentication__form .directorist-form-group>label{margin:0;font-size:14px;font-weight:400;color:#404040}.directorist-authentication__btn{border:none;outline:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;color:#000;font-size:13px;font-weight:400;padding:0 6px;text-transform:capitalize;background:transparent;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-authentication__btn:hover{opacity:.75}.directorist-authentication__message__text{font-size:14px;font-weight:400;color:#404040}.directorist-authentication.active{height:auto;opacity:1;visibility:visible}.directorist-password-group{position:relative}.directorist-password-group-input{padding-right:40px!important}.directorist-password-group-toggle{position:absolute;top:calc(50% + 16px);right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.directorist-password-group-toggle svg{width:22px;height:22px;fill:none;stroke:#888;stroke-width:2}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}.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;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-authors__nav li.active a,.directorist-content-active .directorist-authors__nav li a:hover{border-bottom-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-content-active .directorist-authors__card{padding:20px;border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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!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!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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0}.directorist-content-active .directorist-authors__card__info-list li:not(:last-child){margin-bottom:5px}.directorist-content-active .directorist-authors__card__info-list li a{color:#767792;border:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask{margin-right:5px;margin-top:3px}.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after{width:16px;height:16px}.directorist-content-active .directorist-authors__card__info-list li>i:not(.directorist-icon-mask){display:inline-block;margin-right:5px;margin-top:5px;font-size:16px}.directorist-content-active .directorist-authors__card .directorist-author-social{margin:0 0 15px}.directorist-content-active .directorist-authors__card .directorist-author-social li{margin:0}.directorist-content-active .directorist-authors__card .directorist-author-social a{border:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-content-active .directorist-authors__card .directorist-author-social a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-authors__card .directorist-author-social a:hover>span{background:none;color:var(--directorist-color-white)}.directorist-content-active .directorist-authors__card p{font-size:14px;color:#767792;margin-bottom:20px}.directorist-content-active .directorist-authors__card .directorist-btn{border:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-authors__card .directorist-btn:hover{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.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;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:8}.directorist-select2-addon,.directorist-select2-addons-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-select2-addon{padding:0 5px}.directorist-select2-dropdown-close,.directorist-select2-dropdown-toggle{height:auto;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}.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt,.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div,.directorist-archive-contents .directorist-single-line .directorist-listing-tagline,.directorist-archive-contents .directorist-single-line .directorist-listing-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.directorist-all-listing-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-all-listing-btn__basic{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-all-listing-btn .directorist-btn__back i:after{width:16px;height:16px}.directorist-all-listing-btn .directorist-modal-btn--basic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:10px;min-height:40px;border-radius:30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-all-listing-btn .directorist-modal-btn--basic i:after{width:16px;height:16px;-webkit-transform:rotate(270deg);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-content-active .directorist-listing-single{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:15px;margin-bottom:15px}.directorist-content-active .directorist-listing-single--bg{border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .directorist-listing-single__content{border-radius:4px}.directorist-content-active .directorist-listing-single__content__badges{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-content-active .directorist-listing-single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding:33px 20px 24px}.directorist-content-active .directorist-listing-single__info:empty{display:none}.directorist-content-active .directorist-listing-single__info__top{gap:6px;width:100%}.directorist-content-active .directorist-listing-single__info__top,.directorist-content-active .directorist-listing-single__info__top__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-content-active .directorist-listing-single__info__top__left{gap:10px}.directorist-content-active .directorist-listing-single__info__top__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close{background-color:transparent;color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open,.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open{background-color:transparent;color:var(--directorist-color-success)}.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta,.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:0;font-size:13px;color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i{display:none}.directorist-content-active .directorist-listing-single__info__badges,.directorist-content-active .directorist-listing-single__info__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-content-active .directorist-listing-single__info__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:10px 0 0;padding:0;width:100%}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info__list{gap:8px}}.directorist-content-active .directorist-listing-single__info__list>div,.directorist-content-active .directorist-listing-single__info__list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin:0;font-size:14px;line-height:18px;color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask,.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask{position:relative;top:2px}.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info__list>div .directorist-listing-card-info-label,.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label{display:none}.directorist-content-active .directorist-listing-single__info__list .directorist-icon{font-size:17px;color:var(--directorist-color-body);margin-right:8px}.directorist-content-active .directorist-listing-single__info__list a{text-decoration:none;color:var(--directorist-color-body);word-break:break-word}.directorist-content-active .directorist-listing-single__info__list a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list{display:block;margin:0}.directorist-content-active .directorist-listing-single__info__list__label{display:inline-block;margin-right:5px}.directorist-content-active .directorist-listing-single__info--right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;position:absolute;right:20px;top:20px}@media screen and (max-width:991px){.directorist-content-active .directorist-listing-single__info--right{gap:15px}}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info--right{gap:10px}}.directorist-content-active .directorist-listing-single__info__excerpt{margin:10px 0 0;font-size:14px;color:var(--directorist-color-body);line-height:20px;text-align:left}.directorist-content-active .directorist-listing-single__info__excerpt a{color:var(--directorist-color-primary);text-decoration:underline}.directorist-content-active .directorist-listing-single__info__excerpt a:hover{color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info__top-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:20px;width:100%}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info__top-right{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite{position:absolute;top:20px;left:-30px}}.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right{position:unset}.directorist-content-active .directorist-listing-single__info a{text-decoration:none;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body);-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-content-active .directorist-listing-single__info a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info .directorist-info-item{font-size:14px;line-height:18px;position:relative;display:inline-block}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type){padding-right:10px}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;width:3px;height:3px;content:"";background-color:#bcbcbc}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge{margin-right:8px;padding-right:3px}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after{right:-8px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;line-height:1;color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask{margin-right:4px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after{width:12px;height:12px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:auto;height:21px;line-height:21px;margin:0;border-radius:4px;font-size:10px;font-weight:700}.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review{display:block;margin-left:6px;font-size:14px;color:var(--directorist-color-light-gray);text-decoration:underline}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:5px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask{margin-top:2px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after{top:10px;-webkit-transform:unset;transform:unset}.directorist-content-active .directorist-listing-single__info .directorist-badge+.directorist-badge{margin-left:3px}.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:0;font-size:14px;line-height:18px;color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info .directorist-listing-title{font-size:18px;font-weight:500;padding:0;text-transform:none;line-height:20px;margin:0;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-content-active .directorist-listing-single__info .directorist-listing-title a{text-decoration:none;color:var(--directorist-color-dark)}.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price{font-size:14px;font-weight:700;padding:0;background:transparent;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price{font-weight:700}}.directorist-content-active .directorist-listing-single__meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;position:relative;padding:14px 20px;font-size:14px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid var(--directorist-color-border)}.directorist-content-active .directorist-listing-single__meta__left,.directorist-content-active .directorist-listing-single__meta__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a{text-decoration:none;font-size:14px;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;word-break:break-word;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__meta .directorist-view-count{font-size:14px;color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px}.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after{width:15px;height:15px;background-color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__meta .directorist-view-count>span{display:inline-block;margin-right:5px}.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a{width:38px;height:38px;display:inline-block;vertical-align:middle}.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img{width:100%;height:100%;border-radius:50%}.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn{width:auto;height:auto}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask{height:34px;width:34px;border-radius:50%;background-color:var(--directorist-color-light);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask:after{background-color:var(--directorist-color-primary);width:14px;height:14px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span:before{color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count{font-size:14px;font-weight:500}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone,.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone{gap:5px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a{text-decoration:none}.directorist-content-active .directorist-listing-single__thumb{position:relative;margin:0}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;z-index:0;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:hidden;z-index:2}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure{width:100%;height:100%}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img{-o-object-fit:contain;object-fit:contain}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full{min-height:300px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap{z-index:1}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:0}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img{-webkit-filter:blur(5px);filter:blur(5px)}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left{left:20px;top:20px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right{top:20px;right:20px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left{left:20px;bottom:30px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right{right:20px;bottom:30px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las{color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author{position:unset!important;-webkit-transform:unset!important;transform:unset!important}.directorist-content-active .directorist-listing-single__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 22px 0}.directorist-content-active .directorist-listing-single__top__left{-webkit-flex:1;-ms-flex:1;flex:1;flex-wrap:wrap}.directorist-content-active .directorist-listing-single__top__left,.directorist-content-active .directorist-listing-single__top__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.directorist-content-active .directorist-listing-single__top__right{flex-wrap:wrap;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-active .directorist-listing-single figure{margin:0}.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author{position:unset!important;-webkit-transform:unset!important;transform:unset!important}.directorist-content-active .directorist-listing-single .directorist-badge{margin:3px}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular{background-color:var(--directorist-color-popular-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open{background-color:var(--directorist-color-success)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close{background-color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new{background-color:var(--directorist-color-new-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured{background-color:var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation{background-color:var(--directorist-color-info)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold{background-color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single .directorist_open_status_badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-listing-single .directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span{top:auto;bottom:35px}.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before{top:auto;bottom:-7px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb{margin:0;position:relative;padding:10px 10px 0}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:0;border-radius:3px;background:var(--directorist-color-white);padding:0 8px;font-weight:700}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price{color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img{border-radius:10px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author{position:absolute;left:20px;bottom:0;top:unset;-webkit-transform:translateY(50%);transform:translateY(50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left{left:20px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right{left:unset;right:20px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center{left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img{width:100%;border-radius:50%;height:auto;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;border-radius:50%;width:42px;height:42px;border:3px solid var(--directorist-color-border)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn{width:30px;height:30px;background-color:var(--directorist-color-white)}@media screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child){display:none}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after{width:10px;height:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg{margin-left:0;font-size:12px;font-weight:400}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price{font-size:12px;font-weight:600}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after{width:14px;height:14px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt{font-size:12px;line-height:1.6}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>div,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>li{font-size:12px;line-height:1.2;gap:8px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup{margin-left:5px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category>a .directorist-icon-mask,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a{width:30px;height:30px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask{top:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after{width:12px;height:14px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{margin:0}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:320px;min-height:240px;padding:10px 0 10px 10px}}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{padding:10px 10px 0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge{width:20px;height:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before{width:10px;height:10px}}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card{height:100%!important}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img{border-radius:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;padding:10px 0}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content{padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta{display:none}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta{display:none}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:18px 20px 15px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty{display:none}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list{margin:10px 0 0}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info{padding-top:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title{margin:0;font-size:14px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge{margin:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after{display:none}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right{right:unset;left:-30px;top:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon{width:20px;height:20px;border-radius:100%;background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before{width:10px;height:10px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left{left:20px;top:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right{top:20px;right:10px}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right{right:unset;left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left{left:20px;bottom:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right{right:10px;bottom:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge{margin:0;padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after{display:none}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta{padding:14px 20px 7px}}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border-radius:100%;color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after{width:12px;height:12px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:21px;line-height:21px;width:auto;padding:0 5px;border-radius:4px}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open{height:18px;line-height:18px;font-size:8px}}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular .directorist-icon-mask:after{background-color:var(--directorist-color-popular-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new .directorist-icon-mask:after{background-color:var(--directorist-color-new-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured .directorist-icon-mask:after{background-color:var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured{background-color:var(--directorist-color-featured-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular{background-color:var(--directorist-color-popular-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new{background-color:var(--directorist-color-new-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-featured{border:1px solid var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info{z-index:1}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure{margin:0;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty,.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty{display:none}@media screen and (max-width:991px){.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn{background:transparent;width:auto;height:auto}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content{padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right{margin-top:15px}.directorist-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.fa,.directorist-rating-meta.directorist-info-item-rating span.la{margin-left:4px}.directorist-mark-as-favorite__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:relative;text-decoration:none;padding:0;font-weight:unset;line-height:unset;text-transform:unset;letter-spacing:unset;background:transparent;border:none;cursor:pointer}.directorist-mark-as-favorite__btn:focus,.directorist-mark-as-favorite__btn:hover{outline:0;text-decoration:none}.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before,.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before{background-color:var(--directorist-color-danger)}.directorist-mark-as-favorite__btn .directorist-favorite-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-mark-as-favorite__btn .directorist-favorite-icon:before{content:"";-webkit-mask-image:url(../images/6bf407d27842391bbcd90343624e694b.svg);mask-image:url(../images/6bf407d27842391bbcd90343624e694b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:15px;height:15px;background-color:var(--directorist-color-danger);-webkit-transition:.3s ease;transition:.3s ease}.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before{-webkit-mask-image:url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);mask-image:url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);background-color:var(--directorist-color-danger)}.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span{position:absolute;min-width:120px;right:0;top:35px;background-color:var(--directorist-color-dark);color:var(--directorist-color-white);font-size:13px;border-radius:3px;text-align:center;padding:5px;z-index:111}.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before{content:"";position:absolute;border-bottom:8px solid var(--directorist-color-dark);border-right:6px solid transparent;border-left:6px solid transparent;right:8px;top:-7px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:20px 22px 0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge{background-color:#f4f4f4}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author{position:unset;-webkit-transform:unset;transform:unset}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img{height:100%;width:100%;max-width:none;border-radius:50%}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title{font-size:18px;font-weight:500;padding:0;text-transform:none;line-height:1.2;margin:0;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (max-width:575px){.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title{font-size:16px}}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a{text-decoration:none;color:var(--directorist-color-dark)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover{color:var(--directorist-color-primary)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline{margin:0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info{padding:10px 22px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list{margin:16px 0 10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask{position:relative;top:4px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon{font-size:17px;color:#444752;margin-right:8px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a,.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span{text-decoration:none;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;line-height:1.7}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt{margin:15px 0 0;font-size:14px;color:var(--directorist-color-body);line-height:24px;text-align:left}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li{color:var(--directorist-color-body);margin:0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child){margin:0 0 10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div{margin-bottom:2px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-icon-mask{position:relative;top:4px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-listing-card-info-label{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon{font-size:17px;color:#444752;margin-right:8px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a{text-decoration:none;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;line-height:1.7}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover{color:var(--directorist-color-primary)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a{color:var(--directorist-color-primary);text-decoration:underline}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover{color:var(--directorist-color-body)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content{border:0;padding:10px 22px 25px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn{width:auto;height:auto}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px}.directorist-listing-single.directorist-listing-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-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-close,.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open{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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-listing-category,.directorist-listing-category__popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-listing-category__popup{position:relative;margin-left:10px;cursor:pointer}.directorist-listing-category__popup__content{display:block;position:absolute;width:150px;visibility:hidden;opacity:0;pointer-events:none;bottom:25px;left:-30px;padding:10px;border:none;border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);line-break:auto;word-break:break-all;-webkit-transition:.3s ease;transition:.3s ease;z-index:1}.directorist-listing-category__popup__content:after{content:"";left:40px;bottom:-11px;border:6px solid transparent;border-top:6px solid var(--directorist-color-white);display:inline-block;position:absolute}.directorist-listing-category__popup__content a{color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;line-height:normal;padding:10px;border-radius:8px}.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-single__meta__right .directorist-listing-category__popup__content{left:unset;right:-30px}.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after{left:unset;right:40px}.directorist-listing-price-range span{font-weight:600;color:rgba(122,130,166,.3)}.directorist-listing-price-range span.directorist-price-active{color:var(--directorist-color-body)}#gmap.leaflet-container,#map.leaflet-container,.directorist-single-map.leaflet-container{direction:ltr}#gmap.leaflet-container .leaflet-popup-content-wrapper,#map.leaflet-container .leaflet-popup-content-wrapper,.directorist-single-map.leaflet-container .leaflet-popup-content-wrapper{border-radius:8px;padding:0}#gmap.leaflet-container .leaflet-popup-content,#map.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){#gmap.leaflet-container .leaflet-popup-content,#map.leaflet-container .leaflet-popup-content,.directorist-single-map.leaflet-container .leaflet-popup-content{width:300px!important}}@media only screen and (max-width:375px){#gmap.leaflet-container .leaflet-popup-content,#map.leaflet-container .leaflet-popup-content,.directorist-single-map.leaflet-container .leaflet-popup-content{width:250px!important}}#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,#map.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}#gmap.leaflet-container .leaflet-popup-content .osm-iw-location,#map.leaflet-container .leaflet-popup-content .osm-iw-location,.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location{margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location,#map.leaflet-container .leaflet-popup-content .osm-iw-get-location,.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .atbdp-map,#map.leaflet-container .leaflet-popup-content .atbdp-map,.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map{line-height:1;width:350px!important}#gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,#map.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%}#gmap.leaflet-container .leaflet-popup-content .media-body,#map.leaflet-container .leaflet-popup-content .media-body,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body{padding:10px 15px}#gmap.leaflet-container .leaflet-popup-content .media-body a,#map.leaflet-container .leaflet-popup-content .media-body a,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body a{text-decoration:none}#gmap.leaflet-container .leaflet-popup-content .media-body h3 a,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location{margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .atbdp-map,#map.leaflet-container .leaflet-popup-content .atbdp-map,.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map{margin:0}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img,#map.leaflet-container .leaflet-popup-content .map-info-wrapper img,.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img{width:100%}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,#map.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}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,#map.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}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,#map.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}#gmap.leaflet-container .leaflet-popup-close-button,#map.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,.5);border-radius:50%;color:var(--directorist-color-white);right:10px;left:auto;top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:13px;cursor:pointer;-webkit-transition:.3s ease;transition:.3s ease;line-height:inherit;padding:0;display:none}#gmap.leaflet-container .leaflet-popup-close-button:hover,#map.leaflet-container .leaflet-popup-close-button:hover,.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover{background-color:#444752}#gmap.leaflet-container .leaflet-popup-tip-container,#map.leaflet-container .leaflet-popup-tip-container,.directorist-single-map.leaflet-container .leaflet-popup-tip-container{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-chr,.directorist-single-map .gm-style-iw-tc{display:none}.map-listing-card-single{position:relative;padding:10px;border-radius:8px;-webkit-box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.33);box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.33);background-color:var(--directorist-color-white)}.map-listing-card-single figure{margin:0}.map-listing-card-single .directorist-mark-as-favorite__btn{position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:100%;background-color:var(--directorist-color-white)}.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon:before{width:16px;height:16px}.map-listing-card-single__img .atbd_tooltip{margin-left:10px;margin-bottom:10px}.map-listing-card-single__img .atbd_tooltip img{width:auto}.map-listing-card-single__img a{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.map-listing-card-single__img figure{width:100%;margin:0}.map-listing-card-single__img img{width:100%;max-width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.map-listing-card-single__author+.map-listing-card-single__content{padding-top:0}.map-listing-card-single__author a{width:42px;height:42px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:100%;margin-top:-24px;margin-left:7px;margin-bottom:5px;border:3px solid var(--directorist-color-white)}.map-listing-card-single__author img{width:100%;height:100%;border-radius:100%}.map-listing-card-single__content{padding:15px 10px 10px}.map-listing-card-single__content__title{font-size:16px;font-weight:500;margin:0 0 10px!important;color:var(--directorist-color-dark)}.map-listing-card-single__content__title a{text-decoration:unset;color:var(--directorist-color-dark)}.map-listing-card-single__content__title a:hover{color:var(--directorist-color-primary)}.map-listing-card-single__content__meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 20px;gap:10px 0}.map-listing-card-single__content__meta .directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;color:var(--directorist-color-body);padding:0}.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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:3px;border-radius:100%;background-color:var(--directorist-color-gray-hover)}.map-listing-card-single__content__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.map-listing-card-single__content__info,.map-listing-card-single__content__info .directorist-info-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:100%;background-color:var(--directorist-color-marker-shape)}.atbd_map_shape:before{content:"";position:absolute;left:-20px;top:-20px;width:0;height:0;opacity:0;visibility:hidden;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;border:40px solid rgba(var(--directorist-color-marker-shape-rgb),.2);-webkit-animation:atbd_scale 3s linear infinite alternate;animation:atbd_scale 3s linear infinite alternate}.atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-marker-icon)}.atbd_map_shape:hover:before{opacity:1;visibility:visible}.marker-cluster-shape{width:35px;height:35px;background-color:var(--directorist-color-marker-shape);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-marker-icon);font-size:15px;font-weight:700;position:relative;cursor:pointer}.marker-cluster-shape:before{position:absolute;content:"";width:47px;height:47px;left:-6px;top:-6px;background:rgba(var(--directorist-color-marker-shape-rgb),.15);border-radius:50%}.atbd_google_map .gm-style .gm-style-iw,.atbdp-map .gm-style .gm-style-iw,.directorist-details-info-wrap .gm-style .gm-style-iw{width:350px;padding:0;border-radius:8px;-webkit-box-shadow:unset;box-shadow:unset;max-height:none!important}@media only screen and (max-width:375px){.atbd_google_map .gm-style .gm-style-iw,.atbdp-map .gm-style .gm-style-iw,.directorist-details-info-wrap .gm-style .gm-style-iw{width:275px;max-width:unset!important}}.atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d,.atbdp-map .gm-style .gm-style-iw .gm-style-iw-d,.directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d{overflow:hidden!important;max-height:100%!important}.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect,.atbdp-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}.atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show,.atbdp-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 0 .5rem;font-weight:500;line-height:1.2;color:var(--directorist-color-dark);letter-spacing:normal}.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close{width:32px;height:32px;right:-40px!important;top:-30px!important;left:auto;position:absolute;-webkit-transform:none;transform:none;background-color:#444752;color:var(--directorist-color-white);border-radius:300px;opacity:1;font-weight:300;z-index:2;font-size:16px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;border:none;cursor:pointer}.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;resize:none;padding:10px 16px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-report-abuse-modal .directorist-modal__body textarea:focus{border:1px solid var(--directorist-color-primary)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;border:none}.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-radius:50%;border:2px solid #f3f3f3;border-top-color:#656a7a;width:20px;height:20px;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite;display:inline-block;margin:0 0 0 10px;position:relative;top:4px}.directorist-report-abuse-modal .directorist-modal__content{padding:20px 30px}.directorist-report-abuse-modal #directorist-report-abuse-form{text-align:left}.atbd_rated_stars ul,.directorist-rated-stars ul{margin:0;padding:0}.atbd_rated_stars li,.directorist-rated-stars li{display:inline-block;padding:0;margin:0}.atbd_rated_stars span,.directorist-rated-stars span{color:#d4d3f3;display:block;width:14px;height:14px;position:relative}.atbd_rated_stars span:before,.directorist-rated-stars span:before{content:"";-webkit-mask-image:url(../images/9a1043337f37b65647d77feb64df21dd.svg);mask-image:url(../images/9a1043337f37b65647d77feb64df21dd.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:15px;height:15px;background-color:#d4d3f3;position:absolute;left:0;top:0}.atbd_rated_stars span.directorist-rate-active:before,.directorist-rated-stars span.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){.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light{background-color:transparent}}.directorist-listing-details .directorist-listing-single{border:0}.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:var(--directorist-color-body);-webkit-transition:.3s ease;transition:.3s ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-single-tag-list a .directorist-icon-mask{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;min-width:35px;border-radius:50%;background-color:var(--directorist-color-bg-light);position:relative;top:-5px;-webkit-transition:.3s ease;transition:.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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;border-radius:50%;background-color:var(--directorist-color-bg-light);margin-right:10px;-webkit-transition:.3s ease;transition:.3s ease;font-size:15px}.directorist-single-tag-list a:hover{color:var(--directorist-color-primary)}.directorist-single-tag-list a:hover 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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-sidebar .directorist-search-form .directorist-search-form-action{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced{padding-left:0}.directorist-sidebar .directorist-add-listing-types{padding:25px}.directorist-sidebar .directorist-add-listing-types__single{margin:0}.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid{padding:0}.directorist-sidebar .directorist-add-listing-types .directorist-row{gap:15px;margin:0}.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%;padding:0;margin:0}.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item{padding:0}.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list>.directorist-taxonomy-list__toggle--open~.directorist-taxonomy-list__sub-item{margin-top:10px;padding:10px 20px}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item{padding:0;margin-top:0}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{background-color:var(--directorist-color-light);border-radius:12px}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item li{margin-top:0}.directorist-single-listing-top{gap:20px;margin:15px 0 30px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:575px){.directorist-single-listing-top{gap:10px}}.directorist-single-listing-top .directorist-return-back{gap:8px;margin:0;-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;min-width:120px;text-decoration:none;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:2px solid var(--directorist-color-white)}@media screen and (max-width:575px){.directorist-single-listing-top .directorist-return-back{border:none;min-width:auto}}.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text{display:block}@media screen and (max-width:575px){.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text{display:none}}.directorist-single-listing-top__btn-wrapper{position:fixed;width:100%;height:80px;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.8);z-index:999}.directorist-single-listing-top__btn-continue.directorist-btn{height:46px;border-radius:8px;font-size:15px;font-weight:600;padding:0 25px;background-color:#394dff!important;color:var(--directorist-color-white)}.directorist-single-listing-top__btn-continue.directorist-btn:hover{background-color:#2a3cd9!important;color:var(--directorist-color-white);border-color:var(--directorist-color-white)!important}.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text{display:block}.directorist-single-contents-area{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-single-contents-area .directorist-card{padding:0;-webkit-filter:none;filter:none;margin-bottom:35px}.directorist-single-contents-area .directorist-card .directorist-card__body{padding:30px}@media screen and (max-width:575px){.directorist-single-contents-area .directorist-card .directorist-card__body{padding:20px 15px}}.directorist-single-contents-area .directorist-card .directorist-card__header{padding:20px 30px}@media screen and (max-width:575px){.directorist-single-contents-area .directorist-card .directorist-card__header{padding:15px 20px}}.directorist-single-contents-area .directorist-card .directorist-single-author-name h4{margin:0}.directorist-single-contents-area .directorist-card__header__title{gap:12px;font-size:18px;font-weight:500;color:var(--directorist-color-dark)}.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter{margin-right:10px}.directorist-single-contents-area .directorist-card__header-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:34px;height:34px;border-radius:50%;background-color:var(--directorist-color-bg-light)}.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask{color:var(--directorist-color-dark)}.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after{width:14px;height:14px}.directorist-single-contents-area .directorist-details-info-wrap a{font-size:15px;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body)}.directorist-single-contents-area .directorist-details-info-wrap a:hover{color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-details-info-wrap ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 10px;margin:0;list-style-type:none;padding:0}.directorist-single-contents-area .directorist-details-info-wrap li{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%}.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover{background-color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location{padding-top:18px}.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after{background-color:grey}.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after{background-color:var(--directorist-color-white)}.directorist-single-contents-area .directorist-related{padding:0}.directorist-single-contents-area{margin-top:50px}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap{gap:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info{margin:0}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix{border:none;margin-top:4px}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix{height:auto;line-height:unset;color:var(--directorist-color-body)}.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form{width:100%}.directorist-single-contents-area .directorist-card{margin-bottom:25px}.directorist-single-map__location{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px 0 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:575px){.directorist-single-map__location{padding:20px 0 0}}.directorist-single-map__address{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px}.directorist-single-map__address i:after{width:14px;height:14px;margin-top:4px}.directorist-single-map__direction a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-single-contents-area .directorist-single-map__direction a{font-size:14px;color:var(--directorist-color-info)}.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after{background-color:var(--directorist-color-info)}.directorist-single-contents-area .directorist-single-map__direction a:hover{color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-info)}.directorist-single-listing-header{margin-bottom:25px;margin-top:-15px;padding:0}.directorist-single-wrapper .directorist-listing-single__info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-single-wrapper .directorist-single-listing-slider-wrap{padding:0;margin:15px 0}.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img{-o-object-fit:contain;object-fit:contain}.directorist-single-listing-quick-action{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.directorist-single-listing-quick-action{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:575px){.directorist-single-listing-quick-action{gap:12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-single-listing-quick-action .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-action-bookmark,.directorist-single-listing-quick-action .directorist-action-report,.directorist-single-listing-quick-action .directorist-social-share{font-size:0}}.directorist-single-listing-quick-action .directorist-social-share-links{position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:2;visibility:hidden;opacity:0;right:0;top:calc(100% + 30px);background-color:var(--directorist-color-white);border-radius:8px;width:150px;-webkit-box-shadow:0 5px 15px rgba(var(--directorist-color-dark-rgb),.15);box-shadow:0 5px 15px rgba(var(--directorist-color-dark-rgb),.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;font-size:14px;font-weight:500;border:0;border-radius:8px;color:var(--directorist-color-body);-webkit-transition:.3s ease;transition:.3s ease}.directorist-single-listing-quick-action .directorist-social-links__item a i,.directorist-single-listing-quick-action .directorist-social-links__item a span.fa,.directorist-single-listing-quick-action .directorist-social-links__item a span.la,.directorist-single-listing-quick-action .directorist-social-links__item a span.lab{color:var(--directorist-color-body)}.directorist-single-listing-quick-action .directorist-social-links__item a i:after,.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after,.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{width:18px;height:18px}.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after{background-color:var(--directorist-color-body)}.directorist-single-listing-quick-action .directorist-social-links__item a span.fa{font-family:Font Awesome\ 5 Brands;font-weight:900;font-size:15px}.directorist-single-listing-quick-action .directorist-social-links__item a:hover{font-weight:500;background-color:rgba(var(--directorist-color-primary-rgb),.1);color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-social-links__item a:hover i,.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa,.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la{color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-listing-single__quick-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-single-listing-action{gap:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:13px;font-weight:400;border:0;border-radius:8px;padding:0 16px;cursor:pointer;text-decoration:none;color:var(--directorist-color-body);border:2px solid var(--directorist-color-white)!important;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.directorist-single-listing-action:hover{background-color:var(--directorist-color-white)!important;border-color:var(--directorist-color-primary)!important}@media screen and (max-width:575px){.directorist-single-listing-action{gap:0;border:none}.directorist-single-listing-action.directorist-btn.directorist-btn-light{background-color:var(--directorist-color-white);border:1px solid var(--directorist-color-light)!important}.directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text{display:none}}@media screen and (max-width:480px){.directorist-single-listing-action{padding:0 10px;font-size:12px}}@media screen and (max-width:380px){.directorist-single-listing-action.directorist-btn-sm{min-height:38px}}.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after{background-color:var(--directorist-color-danger)}.directorist-single-listing-action .directorist-icon-mask:after{width:15px;height:15px}.directorist-single-listing-action a{-webkit-box-shadow:none;box-shadow:none}.directorist-single-listing-action .atbdp-require-login,.directorist-single-listing-action .directorist-action-report-not-loggedin{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.directorist-single-listing-action .atbdp-require-login i,.directorist-single-listing-action .directorist-action-report-not-loggedin i{pointer-events:none}.directorist-listing-details{margin:15px 0 30px}.directorist-listing-details__text p{margin:0 0 15px;color:var(--directorist-color-body);line-height:24px}.directorist-listing-details__text ul{list-style:disc;padding-left:20px;margin-left:0}.directorist-listing-details__text li{list-style:disc}.directorist-listing-details__listing-title{font-size:30px;font-weight:600;display:inline-block;margin:15px 0 0;color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-listing-details__listing-title{font-size:24px}}.directorist-listing-details__tagline{margin:10px 0;color:var(--directorist-color-body)}.directorist-listing-details .directorist-pricing-meta .directorist-listing-price{padding:5px 10px;border-radius:6px;background-color:var(--directorist-color-light)}.directorist-listing-details .directorist-listing-single__info{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-single-contents-area .directorist-embaded-video{width:100%;height:400px;border:0;border-radius:12px}@media (max-width:768px){.directorist-single-contents-area .directorist-embaded-video{height:56.25vw}}.directorist-single-contents-area .directorist-single-map{border-radius:12px;z-index:1}.directorist-single-contents-area .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 figure{margin:0}.directorist-single-author-info .diretorist-view-profile-btn{margin-top:22px;padding:0 30px}.directorist-single-author-avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-single-author-avatar .directorist-single-author-avatar-inner{margin-right:10px;width:auto}.directorist-single-author-avatar .directorist-single-author-avatar-inner img{width:50px;height:50px;border-radius:50%}.directorist-single-author-avatar .directorist-single-author-name h1,.directorist-single-author-avatar .directorist-single-author-name h2,.directorist-single-author-avatar .directorist-single-author-name h3,.directorist-single-author-avatar .directorist-single-author-name h4,.directorist-single-author-avatar .directorist-single-author-name h5,.directorist-single-author-avatar .directorist-single-author-name h6{font-size:16px;font-weight:500;line-height:1.2;letter-spacing:normal;margin:0 0 3px;color:var(--color-dark)}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.directorist-single-author-contact-info ul li{width:100%;-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-left:0}.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 a:hover{color:var(--directorist-color-primary)}.directorist-single-author-contact-info ul .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-light-gray)}.directorist-single-author-contact-info-text{font-size:15px;margin-left:12px;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body)}.directorist-single-author-info .directorist-social-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:25px -5px -5px}.directorist-single-author-info .directorist-social-wrap a{margin:5px;display:block;line-height:35px;width:35px;text-align:center;background-color:var(--directorist-color-body)!important;border-radius:4px;color:var(--directorist-color-white)!important;overflow:hidden;-webkit-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important}.directorist-details-info-wrap .directorist-single-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:15px;word-break:break-word;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 15px}.directorist-details-info-wrap .directorist-single-info:not(:last-child){margin-bottom:12px}.directorist-details-info-wrap .directorist-single-info a{-webkit-box-shadow:none;box-shadow:none}.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color{width:30px;height:30px;border-radius:5px}.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-details-info-wrap .directorist-single-info__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:140px;color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info__label{min-width:130px}}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:50%;margin-right:10px;font-size:14px;text-align:center;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;color:var(--directorist-color-light-gray);background-color:var(--directorist-color-bg-light)}.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after{width:14px;height:14px}.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-number .directorist-single-info__value{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.directorist-details-info-wrap .directorist-single-info__value{margin-top:4px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info__value{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;margin-top:0}}.directorist-details-info-wrap .directorist-single-info__value a{color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label{display:none}}.directorist-social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-social-links a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;background-color:var(--directorist-color-light);border-radius:8px;overflow:hidden;-webkit-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!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:red}.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,.directorist-social-links a:hover.stack-overflow{background-color:#f50}.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 30px;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}@media screen and (max-width:480px){.directorist-google-map,.directorist-single-map{height:320px}}.directorist-rating-review-block{display:inline-block;border:1px solid #e3e6ef;padding:10px 20px;border-radius:2px;margin-bottom:20px}.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{-webkit-box-shadow:none;box-shadow:none}.directorist-rating-given-block .directorist-rating-given-block__label{margin:0 10px 0 0}.directorist-rating-given-block__stars .br-widget a:before{content:"";-webkit-mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.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-active:before,.directorist-rating-given-block__stars .br-widget a.br-selected: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-single-review{padding-bottom:26px;padding-top:30px;border-bottom:1px solid #e3e6ef}.directorist-single-review:first-child{padding-top:0}.directorist-single-review:last-child{padding-bottom:0;border-bottom:0}.directorist-single-review .directorist-single-review__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-single-review .directorist-single-review-avatar-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:22px}.directorist-single-review .directorist-single-review-avatar{margin-right:12px}.directorist-single-review .directorist-single-review-avatar img{max-width:50px;border-radius:50%}.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active{color:#fa8b0c}.atbdp-universal-pagination ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;margin:-5px;padding:0}.atbdp-universal-pagination li,.atbdp-universal-pagination ul{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.atbdp-universal-pagination li{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin:5px;padding:0 10px;border:1px solid var(--directorist-color-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:28px;border-radius:3px;-webkit-transition:.3s ease;transition:.3s ease;background-color:var(--directorist-color-white)}.atbdp-universal-pagination li i{line-height:28px}.atbdp-universal-pagination li.atbd-active{cursor:pointer}.atbdp-universal-pagination li.atbd-active:hover,.atbdp-universal-pagination li.atbd-selected{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.atbdp-universal-pagination li.atbd-inactive{opacity:.5}.atbdp-universal-pagination li[class^=atbd-page-jump-]{min-width:30px;min-height:30px;position:relative;cursor:pointer}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h{visibility:hidden;opacity:0;left:70%;-webkit-transition:.3s ease;transition:.3s ease}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d{visibility:visible;opacity:1;-webkit-transition:.3s ease;transition:.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}.directorist-review-container{padding:0;margin-bottom:35px}.directorist-review-container .comment-form-cookies-consent,.directorist-review-container .comment-notes{margin-bottom:20px;font-style:italic;font-size:14px;font-weight:400}.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:15px;color:var(--directorist-color-deep-gray)}.directorist-review-content #cancel-comment-reply-link:focus,.directorist-review-content #cancel-comment-reply-link:hover,.directorist-review-content .directorist-js-cancel-comment-edit:focus,.directorist-review-content .directorist-js-cancel-comment-edit:hover{color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-review-content #cancel-comment-reply-link,.directorist-review-content .directorist-js-cancel-comment-edit{margin-left:0}}.directorist-review-content .directorist-review-content__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:6px 20px;border:1px solid #eff1f6;border-bottom-color:#f2f2f2;background-color:var(--directorist-color-white);border-radius:16px 16px 0 0}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title){font-size:16px;font-weight:500;color:#1a1b29;margin:10px 0}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span{color:var(--directorist-color-body)}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before{content:"-";color:#8f8e9f;padding-right:5px}.directorist-review-content .directorist-review-content__header .directorist-btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask{display:inline-block;margin-right:4px}.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-review-content .directorist-review-content__header .directorist-btn:hover{opacity:.8}.directorist-review-content .directorist-review-content__header .directorist-noreviews{font-size:16px;margin-bottom:0;padding:19px 20px 15px}.directorist-review-content .directorist-review-content__header .directorist-noreviews a{color:#2c99ff}.directorist-review-content .directorist-review-content__overview{-ms-flex-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px 50px}.directorist-review-content .directorist-review-content__overview,.directorist-review-content .directorist-review-content__overview__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-review-content .directorist-review-content__overview__rating{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;text-align:center;-ms-flex-align:center}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point{font-size:34px;font-weight:600;color:#1a1b29;display:block;margin-right:15px}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars{font-size:15px;color:#ef8000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:3px}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after{width:15px;height:15px;background-color:#ef8000}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star{position:relative}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);background-color:#ef8000}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall{font-size:14px;color:#8c90a4;display:block}.directorist-review-content .directorist-review-content__overview__benchmarks{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:25px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-6px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single>*{margin:6px!important}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;min-width:70px;display:inline-block;word-wrap:break-word;word-break:break-all;margin-bottom:0;font-size:15px;color:var(--directorist-color-body)}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress{-webkit-box-flex:1.5;-webkit-flex:1.5;-ms-flex:1.5;flex:1.5;border-radius:2px;height:5px;-webkit-box-shadow:none;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar{background-color:#f2f3f5;border-radius:2px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value{background-color:#ef8000;border-radius:2px;-webkit-box-shadow:none;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar{background-color:#f2f3f5;border-radius:2px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value{background-color:#ef8000;border-radius:2px;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;font-size:15px;font-weight:500;color:#090e30;text-align:right}.directorist-review-content .directorist-review-content__reviews,.directorist-review-content .directorist-review-content__reviews ul{padding:0;margin:10px 0 0;list-style-type:none}.directorist-review-content .directorist-review-content__reviews li,.directorist-review-content .directorist-review-content__reviews ul li{list-style-type:none;margin-left:0}.directorist-review-content .directorist-review-content__reviews>li{border-top:1px solid #eff1f6}.directorist-review-content .directorist-review-content__reviews>li:not(:last-child){margin-bottom:10px}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request{position:relative}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:before{position:absolute;z-index:100;left:50%;top:50%;display:block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid rgba(var(--directorist-color-dark-rgb),.2);border-top-color:rgba(var(--directorist-color-dark-rgb),.8);-webkit-animation:directoristCommentEditLoading .6s linear infinite;animation:directoristCommentEditLoading .6s linear infinite}.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content,.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply,.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report{display:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single{padding:25px;border-radius:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single a{text-decoration:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body{margin-bottom:0;padding:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap{margin:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:-8px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img{padding:8px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img{width:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:static}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details{padding:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2{font-size:15px;font-weight:500;color:#090e30;margin:0 0 5px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after,.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before{content:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time{display:inline-block;font-size:14px;color:#8c90a4}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time:before{content:"-";padding-right:8px;padding-left:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars{font-size:11px;color:#ef8000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after{width:11px;height:11px;background-color:#ef8000}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a{font-size:13px;color:#8c90a4;display:block}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content{font-size:16px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px -5px 0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img{max-width:100px;-o-object-fit:cover;object-fit:cover;margin:5px;border-radius:6px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:15px -5px 0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a{margin:5px;font-size:13px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply{margin:20px -8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a{color:#8c90a4;font-size:13px;display:block;margin:0 8px;background:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask{margin-right:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask:after{width:.9em;height:.9em;background-color:#8c90a4}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment{padding-left:40px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap{position:relative}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap:before{content:"";height:100%;background-color:#f2f2f2;width:2px;left:-20px;position:absolute;top:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit{margin-top:0!important;margin-bottom:0!important;border:0!important}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header{padding-left:0;padding-right:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:100%;width:100%;margin:0!important}.directorist-review-content .directorist-review-content__pagination{padding:0;margin:25px 0 0}.directorist-review-content .directorist-review-content__pagination ul{border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-4px;padding-top:0;list-style-type:none;height:auto;background:none}.directorist-review-content .directorist-review-content__pagination ul li{padding:4px;list-style-type:none}.directorist-review-content .directorist-review-content__pagination ul li .page-numbers{width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;border:1px solid #e1e4ec;color:#090e30;font-weight:500;font-size:14px;background-color:var(--directorist-color-white)}.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current{border-color:#090e30}.directorist-review-submit{margin-top:25px;margin-bottom:25px;background-color:var(--directorist-color-white);border-radius:4px;border:1px solid #eff1f6}.directorist-review-submit__header{gap:15px}.directorist-review-submit__header h3{font-size:16px;font-weight:500;color:#1a1b29;margin:0}.directorist-review-submit__header h3 span{color:var(--directorist-color-body)}.directorist-review-submit__header h3 span:before{content:"-";color:#8f8e9f;padding-right:5px}.directorist-review-submit__header .directorist-btn{font-size:13px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px;min-height:40px;border-radius:8px}.directorist-review-submit__header .directorist-btn .directorist-icon-mask{display:inline-block;margin-right:4px}.directorist-review-submit__header .directorist-btn .directorist-icon-mask:after{width:13px;height:13px;background-color:var(--directorist-color-white)}.directorist-review-submit__overview{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px 50px;border-top:0}.directorist-review-submit__overview,.directorist-review-submit__overview__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-submit__overview__rating{gap:20px;text-align:center}@media (max-width:480px){.directorist-review-submit__overview__rating{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-review-submit__overview__rating .directorist-rating-stars{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-review-submit__overview__rating .directorist-rating-point{font-size:40px;font-weight:600;display:block;color:var(--directorist-color-dark)}.directorist-review-submit__overview__rating .directorist-rating-stars{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star{position:relative}.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);background-color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-rating-overall{font-size:14px;color:var(--directorist-color-body);display:block}.directorist-review-submit__overview__benchmarks{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:25px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-6px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single>*{margin:6px!important}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;min-width:70px;display:inline-block;margin-right:4px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after{width:12px;height:12px;background-color:var(--directorist-color-white)}.directorist-review-submit__reviews,.directorist-review-submit__reviews ul{padding:0;list-style-type:none;margin:10px 0 0}.directorist-review-submit>li{border-top:1px solid var(--directorist-color-border)}.directorist-review-submit .directorist-comment-edit-request{position:relative}.directorist-review-submit .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-submit .directorist-comment-edit-request>li{border-top:1px solid var(--directorist-color-border)}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request{position:relative}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before{position:absolute;z-index:100;left:50%;top:50%;display:block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid rgba(var(--directorist-color-dark-rgb),.2);border-top-color:rgba(var(--directorist-color-dark-rgb),.8);-webkit-animation:directoristCommentEditLoading .6s linear infinite;animation:directoristCommentEditLoading .6s linear infinite}.directorist-review-single .directorist-comment-editing .directorist-review-single__actions,.directorist-review-single .directorist-comment-editing .directorist-review-single__content,.directorist-review-single .directorist-comment-editing .directorist-review-single__report{display:none}.directorist-review-content__pagination{padding:0;margin:25px 0 35px}.directorist-review-content__pagination ul{border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;border:1px solid #e1e4ec;color:#090e30;font-weight:500;font-size:14px;background-color:var(--directorist-color-white)}.directorist-review-content__pagination li .page-numbers.current{border-color:#090e30}.directorist-review-single{padding:40px 30px;margin:0}@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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.directorist-review-single .directorist-review-single__header,.directorist-review-single__author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-review-single__author{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-review-single__author__img{width:50px;height:50px;padding:0}.directorist-review-single__author__img img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:static}.directorist-review-single__author__details{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:var(--directorist-color-warning)}.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask{margin:1px}.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after{width:11px;height:11px;background-color:var(--directorist-color-warning)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:15px -5px 0}.directorist-review-single__feedback a{margin:5px;font-size:13px}.directorist-review-single__actions{margin:20px -8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-review-single__actions,.directorist-review-single__actions a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-single__actions a{font-size:13px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;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-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:575px){.directorist-review-single .directorist-review-meta{gap:10px}}.directorist-review-single .directorist-review-meta .directorist-review-date{margin:0}.directorist-review-single .directorist-review-submit{margin-top:0;margin-bottom:0;border:0;-webkit-box-shadow:0 0;box-shadow:0 0}.directorist-review-single .directorist-review-submit__header{padding-left:0;padding-right:0}.directorist-review-single .directorist-review-submit .directorist-card__header__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:13px;max-width:100%;width:100%;margin:0}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-submit__form{margin:0!important}.directorist-review-submit__form:not(.directorist-form-comment-edit){padding:25px}.directorist-review-submit__form#commentform .directorist-form-group,.directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.directorist-review-submit__form .directorist-review-single .directorist-card__body{padding-left:0;padding-right:0}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px}.directorist-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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:#e1e4ec;margin:1px;text-decoration:none;outline:0}.directorist-review-submit__form .directorist-review-criteria__single a:before{content:"";-webkit-mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:14px;height:14px;background-color:var(--directorist-color-white)}.directorist-review-submit__form .directorist-review-criteria__single a:focus{background-color:#e1e4ec!important;text-decoration:none!important;outline:0}.directorist-review-submit__form .directorist-review-criteria__single a.br-active,.directorist-review-submit__form .directorist-review-criteria__single a.br-selected{background-color:var(--directorist-color-warning)!important;text-decoration:none;outline:0}.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating{display:inline-block;margin-left:20px;font-size:14px;font-weight:500}.directorist-review-submit__form .directorist-form-group:not(:last-child){margin-bottom:20px}.directorist-review-submit__form .directorist-form-group textarea{background-color:#f6f7f9;font-size:15px;display:block;resize:vertical;margin:0}.directorist-review-submit__form .directorist-form-group textarea:focus{background-color:#f6f7f9}.directorist-review-submit__form .directorist-form-group label{display:block;font-size:15px;font-weight:500;color:var(--directorist-color-dark);margin-bottom:5px}.directorist-review-submit__form .directorist-form-group input[type=email],.directorist-review-submit__form .directorist-form-group input[type=text],.directorist-review-submit__form .directorist-form-group input[type=url]{height:46px;background-color:var(--directorist-color-white);margin:0}.directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-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=email]:-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .form-group-comment{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.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:12px;resize:none;padding:20px;min-height:140px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--directorist-color-white);border:2px solid var(--directorist-color-border)}.directorist-review-submit__form .form-group-comment textarea:focus{border:2px solid var(--directorist-color-border-gray)}.directorist-review-submit__form .directorist-review-media-upload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-review-submit__form .directorist-review-media-upload input[type=file]{display:none}.directorist-review-submit__form .directorist-review-media-upload label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:115px;height:100px;border-radius:8px;border:1px dashed #c6d0dc;cursor:pointer;margin-bottom:0}.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:var(--directorist-color-body);margin-top:6px}.directorist-review-submit__form .directorist-review-img-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px -5px -5px 5px}.directorist-review-submit__form .directorist-review-gallery-preview{position:relative;margin:5px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview{position:relative}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete{opacity:1;visibility:visible}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img{width:115px;height:100px;max-width:115px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:30px;width:30px;border-radius:50%;color:var(--directorist-color-white);background-color:var(--directorist-color-danger);opacity:0;visibility:hidden}.directorist-review-submit__form .directorist-review-gallery-preview img{width:115px;height:100px;max-width:115px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:30px;width:30px;border-radius:50%;color:var(--directorist-color-white);background-color:var(--directorist-color-danger);opacity:0;visibility:hidden}.directorist-review-submit .directorist-btn{padding:0 20px}.directorist-review-content+.directorist-review-submit.directorist-review-submit--hidden{display:none!important}@-webkit-keyframes directoristCommentEditLoading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes directoristCommentEditLoading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.directorist-favourite-items-wrap{-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}.directorist-favourite-items-wrap .directorist-favourirte-items{background-color:var(--directorist-color-white);padding:20px 10px;border-radius:12px}.directorist-favourite-items-wrap .directorist-dashboard-items-list{font-size:15px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px!important;margin:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:.35s;transition:.35s}@media only screen and (max-width:991px){.directorist-favourite-items-wrap .directorist-dashboard-items-list__single{background-color:#f8f9fa;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover{background-color:#f8f9fa;border-radius:5px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn{opacity:1;visibility:visible}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img{margin-right:20px}@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-dark);text-decoration:none}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category{color:var(--directorist-color-primary);text-decoration:none}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i,.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 span.la{margin-right:6px;color:var(--directorist-color-light-gray)}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn{font-weight:500;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:8px;padding:0 14px;color:var(--directorist-color-white)!important;line-height:2.65;opacity:0;visibility:hidden}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask{margin-right:5px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn>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;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-user-dashboard__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:20px}.directorist-user-dashboard__toggle{margin-bottom:20px}.directorist-user-dashboard__toggle__link{border:1px solid #e3e6ef;padding:6.5px 8px;border-radius:8px;display:inline-block;outline:0;background-color:var(--directorist-color-white);line-height:1;color:var(--directorist-color-primary)}.directorist-user-dashboard__tab-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:calc(100% - 250px)}.directorist-user-dashboard .directorist-alert{margin-bottom:15px}.directorist-user-dashboard #directorist-preference-notice .directorist-alert{margin-top:15px;margin-bottom:0}#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),.5)}#directorist-dashboard-preloader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top:8px solid var(--directorist-color-primary);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#directorist-dashboard-preloader div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}#directorist-dashboard-preloader div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}#directorist-dashboard-preloader div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.directorist-user-dashboard-tab__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media screen and (max-width:480px){.directorist-user-dashboard-tab__nav{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.directorist-user-dashboard-tab ul{margin:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:0}@media screen and (max-width:480px){.directorist-user-dashboard-tab ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}}.directorist-user-dashboard-tab 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:var(--directorist-color-dark);position:relative}.directorist-user-dashboard-tab li a:after{position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:8px;opacity:0;visibility:hidden;content:"";background-color:var(--directorist-color-primary)}.directorist-user-dashboard-tab li a.directorist-tab__nav__active{color:var(--directorist-color-primary)}.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:12px;margin:16px 0 16px 16px}.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon{position:absolute;left:16px;top:50%;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.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__icon .directorist-icon-mask:after{width:16px;height:16px}.directorist-user-dashboard-tab .directorist-user-dashboard-search input{border:0;border-radius:18px;font-size:14px;font-weight:400;color:#8f8e9f;padding:10px 18px 10px 40px;min-width:260px;height:36px;background-color:#f6f7f9;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.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:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);border-radius:12px;margin-top:15px}.directorist-user-dashboard-tabcontent .directorist-listing-table{border-radius:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table{display:table;border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:0;margin-top:0;overflow:visible!important;width:100%}.directorist-user-dashboard-tabcontent .directorist-listing-table tr{background-color:var(--directorist-color-white)}.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;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu{-webkit-transform:translateY(0);transform:translateY(0)}.directorist-user-dashboard-tabcontent .directorist-listing-table tr td,.directorist-user-dashboard-tabcontent .directorist-listing-table tr th{font-size:14px;font-weight:400;color:var(--directorist-color-body);padding:12.5px 22px;border:0}.directorist-user-dashboard-tabcontent .directorist-listing-table tr th{letter-spacing:1.1px;font-size:12px;font-weight:500;color:#8f8e9f;text-transform:uppercase;border-bottom:1px solid #eff1f6}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img{margin-right:12px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:6px;max-width:inherit}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title{margin:0 0 5px;font-size:15px;font-weight:500}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a{color:#0a0b1e;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price{font-size:14px;font-weight:500;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge{font-size:12px;font-weight:700;border-radius:4px;padding:3px 7px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary{color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish{color:var(--directorist-color-success);background-color:rgba(var(--directorist-color-success-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a{font-size:13px;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn{color:var(--directorist-color-info);font-weight:500;margin-right:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-info)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white);font-weight:500;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i,.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span,.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg{position:relative;top:1.5px;margin-right:5px;font-size:14px;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label{margin-bottom:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown{position:relative;border:0}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu{position:absolute;right:0;top:35px;opacity:0;visibility:hidden;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 15px rgba(143,142,159,.1254901961);box-shadow:0 5px 15px rgba(143,142,159,.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;border-radius:6px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list{position:relative}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child){padding-bottom:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after{position:absolute;left:20px;bottom:0;width:calc(100% - 40px);height:1px;background-color:#eff1f6;content:""}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item{padding:10px 20px;font-size:14px;color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-decoration:none;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover{background-color:#f6f7f9}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child{margin-top:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i{font-size:15px;margin-right:14px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox{padding:10px 20px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child{margin-top:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child){margin-right:4px}.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child){margin-right:0;margin-bottom:4px}.directorist-user-dashboard-tabcontent .directorist_dashboard_category li i,.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa,.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin:2px 22px 0;padding:30px 0 40px;border-top:1px solid #eff1f6}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers{padding:0;line-height:normal;height:40px;min-height:40px;width:40px;min-width:40px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:2px solid var(--directorist-color-border);border-radius:8px;background-color:var(--directorist-color-white);-webkit-transition:.3s;transition:.3s;color:var(--directorist-color-body);text-align:center;margin:4px;right:auto;float:none;font-size:15px;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current,.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after,.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-body)}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing{min-width:218px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type{min-width:95px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date{min-width:140px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status{min-width:115px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan{min-width:120px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions{min-width:155px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td,.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th{padding:12px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn{margin-right:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-bottom:20px}.directorist-user-dashboard-search{margin-top:15px}}.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),.1)}.directorist-become-author-modal{position:fixed;width:100%;height:100%;background:rgba(var(--directorist-color-dark-rgb),.5);left:0;top:0;z-index:9999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none}.directorist-become-author-modal.directorist-become-author-modal__show{visibility:visible;opacity:1;pointer-events:all}.directorist-become-author-modal__content{background-color:var(--directorist-color-white);border-radius:5px;padding:20px 30px 15px;text-align:center;position:relative}.directorist-become-author-modal__content p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-become-author-modal__content h3{font-size:20px}.directorist-become-author-modal__content .directorist-become-author-modal__approve{background-color:#3e62f5;display:inline-block;color:var(--directorist-color-white);text-align:center;margin:10px 5px 0;min-width:100px;padding:8px 0!important;border-radius:3px}.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus{background-color:#3e62f5!important}.directorist-become-author-modal__content .directorist-become-author-modal__cancel{background-color:#eee;display:inline-block;text-align:center;margin:10px 5px 0;min-width:100px;padding:8px 0!important;border-radius:3px}.directorist-become-author-modal span.directorist-become-author__loader{border-right:2px solid var(--directorist-color-primary);width:15px;height:15px;display:inline-block;border-radius:50%;border:2px solid var(--directorist-color-primary);border-right-color:var(--directorist-color-white);-webkit-animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:rotate360 1.2s cubic-bezier(.5,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:var(--directorist-color-white)}.directorist-shade.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}.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:8px;display:inline-block}.directorist-user-dashboard__nav{min-width:230px;padding:20px 10px;margin-right:30px;-webkit-transition:.3s ease;transition:.3s ease;position:relative;left:0;border-radius:12px;overflow:hidden;overflow-y:auto;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media only screen and (max-width:1199px){.directorist-user-dashboard__nav{position:fixed;top:0;left:0;width:230px;height:100vh;background-color:var(--directorist-color-white);padding-top:100px;-webkit-box-shadow:0 5px 10px rgba(143,142,159,.1);box-shadow:0 5px 10px rgba(143,142,159,.1);z-index:2222}}@media only screen and (max-width:600px){.directorist-user-dashboard__nav{right:20px;top:10px}}.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:600px){.directorist-user-dashboard__nav .directorist-dashboard__nav__close{right:20px;top:10px}}.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed{min-width:unset;width:0!important;height:0;margin-right:0;left:-230px;visibility:hidden;opacity:0;padding:0;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-tab__nav__items{list-style-type:none;padding:0;margin:0}.directorist-tab__nav__items a{text-decoration:none}.directorist-tab__nav__items li{margin:0}.directorist-tab__nav__items li ul{display:none;list-style-type:none;padding:0;margin:0}.directorist-tab__nav__items li ul li a{padding-left:25px;text-decoration:none}.directorist-tab__nav__link{font-size:14px;border-radius:4px;padding:10px;outline:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:var(--directorist-color-body);text-decoration:none}.directorist-tab__nav__link,.directorist-tab__nav__link .directorist_menuItem-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-tab__nav__link .directorist_menuItem-text{pointer-events:none;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon{line-height:0}.directorist-tab__nav__link .directorist_menuItem-text i,.directorist-tab__nav__link .directorist_menuItem-text span.fa{pointer-events:none;display:inline-block}.directorist-tab__nav__link.directorist-tab__nav__active,.directorist-tab__nav__link:focus{font-weight:700;background-color:var(--directorist-color-border);color:var(--directorist-color-primary)}.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after,.directorist-tab__nav__link:focus .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown,.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown{background-color:transparent}.directorist-tab__nav__action{margin-top:15px}.directorist-tab__nav__action .directorist-btn{display:block}.directorist-tab__nav__action .directorist-btn:not(:last-child){margin-bottom:15px}.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,#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9{width:100%}.directorist-image-profile-wrap{padding:25px;background-color:var(--directorist-color-white);border-radius:12px;border:1px solid #ececec}.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn{border-radius:8px;padding:10.5px 30px;background-color:#f6f7f9;-webkit-box-shadow:0 0;box-shadow:0 0;font-size:14px;font-weight:500;color:var(--directorist-color-dark)}.directorist-image-profile-wrap .directorist-profile-uploader{border-radius:12px}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon{background-image:none}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask:after{width:16px;height:16px}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg{background-image:none;background-color:var(--directorist-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/232acb97ace4f437ace78cc02bdfd165.svg);mask-image:url(../images/232acb97ace4f437ace78cc02bdfd165.svg)}.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater{max-width:140px}.directorist-user-profile-box .directorist-card__header{padding:18px 20px}.directorist-user-profile-box .directorist-card__body{padding:25px 25px 30px}.directorist-user-info-wrap .directorist-form-group{margin-bottom:25px}.directorist-user-info-wrap .directorist-form-group>label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:5px}.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info{color:var(--directorist-color-light-gray);display:inline-block;font-size:14px;font-weight:400;margin-top:4px}.directorist-user-info-wrap .directorist-btn-profile-save{width:100%;text-align:center;text-transform:capitalize;text-decoration:none}.directorist-user-info-wrap #directorist-profile-notice .directorist-alert{margin-top:15px}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label{margin-bottom:0;color:var(--directorist-color-dark);font-size:14px;font-weight:400}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input{margin:0}.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label{font-size:14px;color:var(--directorist-color-dark);font-weight:600;line-height:normal}.directorist-user_preferences .directorist-preference-radio{margin-top:25px}.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label{color:var(--directorist-color-dark);font-weight:700;font-size:14px;margin-bottom:10px}.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.directorist-user_preferences .select2-selection__arrow,.directorist-user_preferences .select2-selection__clear,.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b{display:block!important}.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection{border-bottom-color:var(--directorist-color-primary)}.directorist-toggle{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-toggle-switch{display:inline-block;background:var(--directorist-color-border);border-radius:12px;width:44px;height:22px;position:relative;vertical-align:middle;-webkit-transition:background .25s;transition:background .25s}.directorist-toggle-switch:after,.directorist-toggle-switch:before{content:""}.directorist-toggle-switch:before{display:block;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:4px;-webkit-transition:left .25s;transition:left .25s}.directorist-toggle:hover .directorist-toggle-switch:before{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:linear-gradient(180deg,#fff 0,#fff)}.directorist-toggle-checkbox:checked+.directorist-toggle-switch{background:var(--directorist-color-primary)}.directorist-toggle-checkbox:checked+.directorist-toggle-switch:before{left:25px}.directorist-toggle-checkbox{position:absolute;visibility:hidden}.directorist-user-socials .directorist-user-social-label{font-size:18px;padding-bottom:18px;margin-bottom:28px!important;border-bottom:1px solid #eff1f6}.directorist-user-socials label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:var(--directorist-color-white);border-radius:12px;padding:20px 10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}.directorist-announcement-wrapper .directorist-announcement{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:15.5px;margin-bottom:15.5px;border-bottom:1px solid #f1f2f6}.directorist-announcement-wrapper .directorist-announcement:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}@media (max-width:479px){.directorist-announcement-wrapper .directorist-announcement{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:0.4217;-webkit-flex:0.4217;-ms-flex:0.4217;flex:0.4217;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f5f6f8;border-radius:6px;padding:10.5px;min-width:120px}@media (max-width:1199px){.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}@media (max-width:479px){.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-announcement-wrapper .directorist-announcement__date__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{-webkit-box-flex:8;-webkit-flex:8;-ms-flex:8;flex:8;padding-left:15px}@media (max-width:1199px){.directorist-announcement-wrapper .directorist-announcement__content{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6}}@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,.directorist-announcement-wrapper .directorist-announcement__content p:empty{display:none}.directorist-announcement-wrapper .directorist-announcement__close{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement{height:36px;width:36px;border-radius:50%;background-color:#f5f5f5;border:0;padding:0;-webkit-transition:.35s;transition:.35s;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask:after{-webkit-transition:.35s;transition:.35s;background-color:#474868}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover{background-color:var(--directorist-color-danger)}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-announcement-wrapper .directorist_not-found{margin:0}.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}.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}.directorist-payment-table th{text-align:left;padding:9px 20px;background-color:var(--directorist-color-bg-gray)}.directorist-payment-table tbody td,.directorist-payment-table th{font-size:14px;font-weight:500;border:none;color:var(--directorist-color-dark)}.directorist-payment-table tbody td{padding:5px 0;vertical-align:top}.directorist-payment-table tbody tr:first-child td{padding-top:20px}.directorist-payment-table__label{font-weight:400;width:140px;color:var(--directorist-color-light-gray)!important}.directorist-payment-table__title{font-size:15px;font-weight:600;margin:0 0 10px!important;text-transform:capitalize;color:var(--directorist-color-dark)}.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 td:nth-child(2n){text-align:right}.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title,.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td{font-size:16px}.directorist-btn-view-listing{min-height:54px;border-radius:10px}.directorist-checkout-card{-webkit-box-shadow:0 3px 15px rgba(0,0,0,.08);box-shadow:0 3px 15px rgba(0,0,0,.08);-webkit-filter:none;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-color:var(--directorist-color-white)}.directorist-payment-gateways ul{margin:0;padding:0}.directorist-payment-gateways li{list-style-type:none;padding:0;margin:0}.directorist-payment-gateways li:not(:last-child){margin-bottom:15px}.directorist-payment-gateways li .gateway_list{margin-bottom:10px}.directorist-payment-gateways .directorist-radio input[type=radio]+.directorist-radio__label{font-size:16px;font-weight:500;line-height:1.15;color:var(--directorist-color-dark)}.directorist-payment-gateways .directorist-card__body .directorist-payment-text{font-size:14px;font-weight:400;line-height:1.86;margin-top:4px;color:var(--directorist-color-body)}.directorist-payment-action{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:42px -7px -7px}.directorist-payment-action .directorist-btn{min-height:54px;padding:0 80px;border-radius:8px;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-amount,.directorist-summery-total .directorist-summery-label{font-size:18px;font-weight:500;color:var(--color-dark)}.directorist-iframe{border:none}.ads-advanced .bottom-inputs{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media (min-width:992px) and (max-width:1199px){.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp,.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist,.atbd_content_active .widget.atbd_widget .atbdp,.atbd_content_active .widget.atbd_widget .directorist{padding:20px 20px 15px}.atbd_content_active #directorist.atbd_wrapper .atbdp_column{width:33.3333%!important}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@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{-webkit-box-flex:0;-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}.ads-advanced .atbdp-custom-fields-search .form-group{width:50%}.ads-advanced .atbd_seach_fields_wrapper .single_search_field{margin-bottom:10px;margin-top:0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form{margin-left:-15px;margin-right:-15px}}@media (max-width:767px){.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child{margin-top:0;margin-bottom:0}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field{border-right:0}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline{padding-right:0}#directorist .atbd_listing_details .atbd_area_title{margin-bottom:15px}.atbd_content_active #directorist.atbd_wrapper .atbdp_column{width:50%!important}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area{padding:20px 15px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{margin-top:30px}.ads-advanced .bottom-inputs>div{width:50%}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}.atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img{width:100%}.atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group,.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_color label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ads-advanced .bdas-filter-actions{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.edit_btn_wrap .atbdp_float_active{bottom:80px}.edit_btn_wrap .atbdp_float_active .btn{font-size:15px!important;padding:13px 30px!important;line-height:20px!important}.nav_button{z-index:0}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field{padding-left:0!important;padding-right:0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap{left:auto;right:0}}@media (max-width:650px){.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area{padding-top:30px;padding-bottom:27px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar,.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img{width:80px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd{margin:10px 0 0}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p{text-align:center}}@media (max-width:575px){.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd{margin-top:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item{border:0;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_content,.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title{width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content{border:0;padding-top:0;padding-right:30px;padding-left:30px}.ads-advanced .bottom-inputs>div{width:100%}.ads-advanced .atbdp-custom-fields-search .form-group .form-control,.ads-advanced .atbdp_custom_radios,.ads-advanced .bads-custom-checks,.ads-advanced .bads-tags,.ads-advanced .form-group>.form-control,.ads-advanced .price_ranges,.ads-advanced .select-basic,.ads-advanced .wp-picker-container{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:100%!important}.ads-advanced .form-group label{margin-bottom:10px!important}.ads-advanced .more-less,.ads-advanced .more-or-less{text-align:left}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{margin-left:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin:5px 0}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3{margin-right:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{margin:5px 0}.atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video{margin-bottom:0}.ads-advanced .bdas-filter-actions .btn{margin-top:5px!important;margin-bottom:5px!important}.atbdpr-range .atbd_slider-range-wrapper{margin:0}.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range,.atbdpr-range .atbd_slider-range-wrapper .d-flex{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:100%}.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range{margin-left:0;margin-right:0}.atbdpr-range .atbd_slider-range-wrapper .d-flex{padding:0!important;margin:5px 0 0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper{display:block}.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img{border-radius:3px 3px 0 0}.edit_btn_wrap .atbdp_float_active{right:0;bottom:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.edit_btn_wrap .atbdp_float_active .btn{margin:0 5px!important;font-size:15px!important;padding:10px 20px!important;line-height:18px!important}.atbd_post_draft{padding-bottom:80px}.ads-advanced .atbd_seach_fields_wrapper .single_search_field{margin-bottom:10px!important;margin-top:0!important}.atbd-listing-tags .atbdb_content_module_contents ul li{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline{padding-right:0}}.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_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before,.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 .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__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap{right:-40px}}@media (max-width:340px){.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown{margin-top:3px;margin-bottom:3px}.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown+.dropdown{margin-left:0}.atbd-listing-tags .atbdb_content_module_contents ul li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media only screen and (max-width:1199px){.directorist-search-contents .directorist-search-form-top{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-search-contents .directorist-search-form-top .directorist-search-form-action{margin-top:15px;margin-bottom:15px}}@media only screen and (max-width:575px){.directorist-modal__dialog{width:calc(100% - 30px)!important}.directorist-advanced-filter__basic__element{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-author-profile-wrap .directorist-card__body{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:479px){.directorist-user-dashboard-tab .directorist-user-dashboard-search{margin-left:0;margin-top:30px}}@media only screen and (max-width:375px){.directorist-user-dashboard-tab ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}.directorist-user-dashboard-tab ul li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-user-dashboard-tab ul li a{padding-bottom:5px}.directorist-user-dashboard-tab .directorist-user-dashboard-search{margin-left:0}.directorist-author-profile-wrap .directorist-author-avatar{display:block}.directorist-author-profile-wrap .directorist-author-avatar img{margin-bottom:15px}.directorist-author-profile-wrap .directorist-author-avatar,.directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info,.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}} \ No newline at end of file + */ +.la-ball-fall, +.la-ball-fall > div { + position: relative; + -webkit-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; + animation: ball-fall 1s ease-in-out infinite; +} + +.la-ball-fall > div:nth-child(1) { + -webkit-animation-delay: -200ms; + animation-delay: -200ms; +} + +.la-ball-fall > div:nth-child(2) { + -webkit-animation-delay: -100ms; + animation-delay: -100ms; +} + +.la-ball-fall > div:nth-child(3) { + -webkit-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: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@keyframes ball-fall { + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +.directorist-add-listing-types { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-add-listing-types__single { + margin-bottom: 15px; +} +.directorist-add-listing-types__single__link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ +} +.directorist-add-listing-types__single__link .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; +} +.directorist-add-listing-types__single__link .directorist-icon-mask:after { + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover .directorist-icon-mask { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { + display: inline-block; + margin-bottom: 10px; +} + +.directorist-add-listing-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.directorist-add-listing-form .directorist-content-module { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-form .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-form .directorist-alert-required { + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; +} +.directorist-add-listing-form__privacy a { + color: var(--directorist-color-info); +} + +.directorist-add-listing-form .directorist-content-module, +#directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 35px; + border-radius: 12px; + /* social info */ +} +@media (max-width: 991px) { + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } +} +.directorist-add-listing-form .directorist-content-module__title, +#directiost-listing-fields_wrapper .directorist-content-module__title { + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-add-listing-form .directorist-content-module__title i, +#directiost-listing-fields_wrapper .directorist-content-module__title i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; +} +.directorist-add-listing-form .directorist-content-module__title i:after, +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +@media screen and (max-width: 480px) { + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} + +#directiost-listing-fields_wrapper .directorist-content-module { + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title { + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; +} +@media (max-width: 991px) { + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; +} + +/* ========================== + 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-form-label, +.directorist-custom-field-checkbox > .directorist-form-label, +.directorist-form-social-info-field > .directorist-form-label, +.directorist-form-image-upload-field > .directorist-form-label, +.directorist-custom-field-file-upload > .directorist-form-label, +.directorist-form-pricing-field.price-type-both > .directorist-form-label { + margin-bottom: 18px; +} + +/* listing type */ +.directorist-form-listing-type { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media (max-width: 767px) { + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-form-listing-type .directorist-form-label { + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; +} +.directorist-form-listing-type__single { + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; +} +.directorist-form-listing-type__single.directorist-radio { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} + +/* Pricing */ +.directorist-form-pricing-field__options { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-map-coordinates .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; +} +.directorist-map-coordinates__generate { + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; +} + +.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: 12px; +} +.directorist-form-map-field__maps #gmap #gmap_full_screen_button, +.directorist-form-map-field__maps #gmap .gm-fullscreen-control { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; +} +.directorist-form-map-field .map_drag_info { + display: none; +} +.directorist-form-map-field .atbd_map_shape { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; +} +.directorist-form-map-field .atbd_map_shape:before { + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; +} +.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field .atbd_map_shape: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; +} +.directorist-form-image-upload-field .ez-media-uploader.ezmu--show { + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; +} +.directorist-form-image-upload-field .ezmu__info-list-item:empty { + display: none; +} + +.directorist-add-listing-wrapper { + max-width: 1000px !important; + margin: 0 auto; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { + position: relative; + height: 100px; + width: 100%; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; +} +.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { + font-size: 20px; + font-weight: 500; + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__btn { + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .ezmu__info-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); +} + +.directorist-add-listing-form { + /* form action */ +} +.directorist-add-listing-form__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form__action .directorist-form-submit { + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; +} +.directorist-add-listing-form__action label { + line-height: 1.25; + margin-bottom: 0; +} +.directorist-add-listing-form__action #listing_notifier { + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); +} +.directorist-add-listing-form__action #listing_notifier:empty { + display: none; +} +.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 { + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } +} +.directorist-add-listing-form__action .directorist-form-group 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-group #guest_user_email, +.directorist-add-listing-form__action .directorist-checkbox #guest_user_email { + margin: 0 0 10px; +} +.directorist-add-listing-form__action .directorist-form-required { + padding-left: 5px; +} +.directorist-add-listing-form__publish { + padding: 100px 20px; + margin-bottom: 0; + text-align: center; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__publish { + padding: 70px 20px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish { + padding: 50px 20px; + } +} +.directorist-add-listing-form__publish__icon i { + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } +} +.directorist-add-listing-form__publish__icon i:after { + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } +} +.directorist-add-listing-form__publish__title { + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__title { + font-size: 22px; + } +} +.directorist-add-listing-form__publish__subtitle { + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-add-listing-form .directorist-form-group textarea { + padding: 10px 0; + background: transparent; +} +.directorist-add-listing-form .atbd_map_shape { + width: 50px; + height: 50px; +} +.directorist-add-listing-form .atbd_map_shape:before { + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); +} +.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { + width: 16px; + height: 16px; +} + +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +#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: var(--directorist-color-white); +} + +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; +} + +.directorist-custom-field-radio, +.directorist-custom-field-checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-custom-field-radio .directorist-form-label, +.directorist-custom-field-radio .directorist-form-description, +.directorist-custom-field-radio .directorist-custom-field-btn-more, +.directorist-custom-field-checkbox .directorist-form-label, +.directorist-custom-field-checkbox .directorist-form-description, +.directorist-custom-field-checkbox .directorist-custom-field-btn-more { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-custom-field-radio .directorist-checkbox, +.directorist-custom-field-radio .directorist-radio, +.directorist-custom-field-checkbox .directorist-checkbox, +.directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +@media only screen and (max-width: 767px) { + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-custom-field-radio .directorist-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 { + content: ""; + display: inline-block; + margin-left: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); +} +.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; +} + +.multistep-wizard { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; +} +@media only screen and (max-width: 991px) { + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.multistep-wizard__nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; +} +.multistep-wizard__nav.sticky { + position: fixed; + top: 0; +} +.multistep-wizard__nav__btn { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav__btn { + width: 100%; + } +} +.multistep-wizard__nav__btn i { + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; +} +.multistep-wizard__nav__btn i:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.multistep-wizard__nav__btn:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; +} +.multistep-wizard__nav__btn:focus { + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus:before { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus i::after { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed { + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; +} +.multistep-wizard__nav__btn.completed i::after { + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav { + display: none; + } +} +.multistep-wizard__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.multistep-wizard__single { + border-radius: 12px; + background-color: var(--directorist-color-white); +} +.multistep-wizard__single label { + display: block; +} +.multistep-wizard__single span.required { + color: var(--directorist-color-danger); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +.multistep-wizard__progressbar { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; +} +.multistep-wizard__progressbar:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.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: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.multistep-wizard__bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.multistep-wizard__btn { + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); +} +.multistep-wizard__btn.directorist-btn { + color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn i:after { + background-color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); +} +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; +} +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); +} +.multistep-wizard__btn i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn--save-preview { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.multistep-wizard__count { + font-size: 15px; + font-weight: 500; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } +} +.multistep-wizard .default-add-listing-bottom { + display: none; +} +.multistep-wizard.default-add-listing .multistep-wizard__single { + display: block !important; +} +.multistep-wizard.default-add-listing .multistep-wizard__bottom, +.multistep-wizard.default-add-listing .multistep-wizard__progressbar { + display: none !important; +} +.multistep-wizard.default-add-listing .default-add-listing-bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; +} + +.logged-in .multistep-wizard__nav.sticky { + top: 32px; +} + +@keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +#directorist_submit_privacy_policy { + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; +} +#directorist_submit_privacy_policy::after { + display: none; +} + +.upload-error { + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; +} + +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; +} + +.plupload-upload-uic { + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); +} +.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); +} +@media (max-width: 575px) { + .plupload-upload-uic { + width: 100%; + height: 200px; + } +} + +.plupload-thumbs { + clear: both; + overflow: hidden; +} + +.plupload-thumbs .thumb { + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; +} +.plupload-thumbs .thumb img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; +} +.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { + opacity: 1; + visibility: visible; +} +@media (max-width: 575px) { + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } +} +.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-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.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: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 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; + -ms-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 { + -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 { + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; +} + +.leaflet-tile-loaded { + visibility: inherit; +} + +.leaflet-zoom-box { + width: 0; + height: 0; + -webkit-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; + transition: opacity 0.2s linear; +} + +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} + +.leaflet-zoom-animated { + -webkit-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); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} + +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + transition: none; +} + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} + +/* cursors */ +.leaflet-interactive { + cursor: pointer; +} + +.leaflet-grab { + cursor: -webkit-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: 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, +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; +} + +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; +} + +.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-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 */ +/* 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; + -webkit-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 { + -webkit-box-shadow: none; + box-shadow: none; +} + +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; +} + +/* 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); + transform: rotate(45deg); +} + +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); +} + +.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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + 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); +} + +.directorist-content-active #map { + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; +} +.directorist-content-active #gmap_full_screen_button { + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; +} +.directorist-content-active #gmap_full_screen_button i::after { + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); +} +.directorist-content-active #gmap_full_screen_button .fullscreen-disable { + display: none; +} +.directorist-content-active #progress { + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; +} +.directorist-content-active #progress-bar { + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; +} +.directorist-content-active .gm-fullscreen-control { + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; +} +.directorist-content-active .gmnoprint { + border-radius: 5px; +} +.directorist-content-active .gm-style-cc, +.directorist-content-active .gm-style-mtc-bbw, +.directorist-content-active button.gm-svpc { + display: none; +} +.directorist-content-active .italic { + font-style: italic; +} +.directorist-content-active .buttonsTable { + border: 1px solid grey; + border-collapse: collapse; +} +.directorist-content-active .buttonsTable td, +.directorist-content-active .buttonsTable th { + padding: 8px; + border: 1px solid grey; +} +.directorist-content-active .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; + padding: 0; + font-size: 14px; + font-weight: 500; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; +} +.directorist-form-group .wp-picker-container .button:hover { + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); +} +.directorist-form-group .wp-picker-container .button .wp-color-result-text { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); +} +.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; + border: none; +} +.directorist-form-group .wp-picker-container .hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-left: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; +} + +.directorist-show { + display: block !important; +} + +.directorist-hide { + display: none !important; +} + +.directorist-d-none { + display: none !important; +} + +.directorist-text-center { + text-align: center; +} + +.directorist-content-active .entry-content ul { + margin: 0; + padding: 0; +} +.directorist-content-active .entry-content a { + text-decoration: none; +} +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); +} +.directorist-content-active button[type="submit"].directorist-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +/* 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; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; +} + +.directorist-content-active .select2-container.select2-container--open { + z-index: 99999; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; +} + +/* Login/Signup Form CSS */ +#recover-pass-modal { + display: none; +} + +.directorist-login-wrapper #recover-pass-modal .directorist-btn { + margin-top: 15px; +} +.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { + text-decoration: none; +} + +body.modal-overlay-enabled { + position: relative; +} +body.modal-overlay-enabled:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; +} + +.directorist-widget { + margin-bottom: 25px; +} +.directorist-widget .directorist-card__header.directorist-widget__header { + padding: 20px 25px; +} +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-widget .directorist-card__body.directorist-widget__body { + padding: 20px 30px; +} + +.directorist-sidebar .directorist-card { + margin-bottom: 25px; +} +.directorist-sidebar .directorist-card ul { + padding: 0; + margin: 0; + list-style: none; +} +.directorist-sidebar .directorist-card .directorist-author-social { + padding: 22px 0 0; +} +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; +} +.directorist-sidebar .directorist-card .tagcloud { + margin: 0; + padding: 25px; +} +.directorist-sidebar .directorist-card a { + text-decoration: none; +} +.directorist-sidebar .directorist-card select { + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; +} +.directorist-sidebar .directorist-card select:focus { + border-color: var(--directorist-color-dark); +} +.directorist-sidebar .directorist-card__header__title { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-widget__listing-contact .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; +} +.directorist-widget__listing-contact .directorist-form-group textarea { + min-height: 130px !important; + resize: none; +} +.directorist-widget__listing-contact .directorist-btn { + width: 100%; +} + +.directorist-widget__submit-listing .directorist-btn { + width: 100%; +} + +.directorist-widget__author-info figure { + margin: 0; +} +.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: 12px; +} + +.directorist-widget-listing__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-widget-listing__single:not(:last-child) { + margin-bottom: 25px; +} + +.directorist-widget-listing__image { + width: 70px; + height: 70px; +} +.directorist-widget-listing__image a:focus { + outline: none; +} +.directorist-widget-listing__image img { + width: 100%; + height: 100%; + border-radius: 10px; +} + +.directorist-widget-listing__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-listing__content .directorist-widget-listing__title { + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-widget-listing__content .directorist-widget-listing__rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: 10px; +} + +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-widget .directorist-widget-list li: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-color: #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; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.directorist-widget-taxonomy .directorist-taxonomy-list-one { + -webkit-margin-after: 10px; + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); +} +.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + -webkit-padding-start: 52px; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; +} +.directorist-widget-tags li { + list-style: none; + padding: 0; + margin: 0; +} +.directorist-widget-tags a { + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; +} +.directorist-widget-tags a:hover { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-widget-advanced-search .directorist-search-form__box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; +} +.directorist-widget-advanced-search .directorist-search-form-top { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search .directorist-checkbox-rating { + padding: 0; +} +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; +} +.directorist-widget-advanced-search .directorist-btn-ml { + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +.directorist-widget-advanced-search .directorist-advanced-filter__action { + padding: 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.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: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-widget-authentication .login-submit button { + cursor: pointer; +} + +/* Directorist button styles */ +.directorist-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; +} +.directorist-btn .directorist-icon-mask:after { + background-color: currentColor; + width: 16px; + height: 16px; +} +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; +} +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +} + +.directorist-btn.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); +} +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); +} +.directorist-btn.directorist-btn-secondary { + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); +} +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); +} +.directorist-btn.directorist-btn-dark { + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-dark:hover { + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); +} +.directorist-btn.directorist-btn-success { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-success:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-info { + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-info:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-lighter { + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-warning { + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-warning:hover { + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); +} +.directorist-btn.directorist-btn-danger { + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-danger:hover { + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); +} +.directorist-btn.directorist-btn-bg-normal { + background: #f9f9f9; +} +.directorist-btn.directorist-btn-loading { + position: relative; + font-size: 0; + pointer-events: none; +} +.directorist-btn.directorist-btn-loading:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; +} +.directorist-btn.directorist-btn-loading:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; +} +.directorist-btn.directorist-btn-disabled { + pointer-events: none; + opacity: 0.75; +} + +.directorist-btn.directorist-btn-outline { + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); +} +.directorist-btn.directorist-btn-outline-normal { + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); +} +.directorist-btn.directorist-btn-outline-light { + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-secondary { + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-success { + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-info { + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-warning { + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-danger { + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-dark { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); +} + +.directorist-btn.directorist-btn-lg { + min-height: 50px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +@-webkit-keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} + +@keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} +.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; +} + +.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; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.directorist-badge .directorist-badge-tooltip__featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-badge .directorist-badge-tooltip__new { + background-color: var(--directorist-color-new-badge); +} +.directorist-badge .directorist-badge-tooltip__popular { + background-color: var(--directorist-color-popular-badge); +} +@media screen and (max-width: 480px) { + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } +} +.directorist-badge:hover .directorist-badge-tooltip { + opacity: 1; + visibility: visible; +} + +/*** + Directorist Custom Range Slider Styling; +***/ +.directorist-custom-range-slider-target, +.directorist-custom-range-slider-target * { + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.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); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform-style: flat; + 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 { + -webkit-backface-visibility: hidden; + 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 { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; +} + +.directorist-custom-range-slider-state-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-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; +} + +/* Giving the connect element a border radius causes issues with using transform: scale */ +.directorist-custom-range-slider-target { + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; +} + +.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; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; +} + +.directorist-custom-range-slider-active { + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; +} + +/* 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 * { + -webkit-box-sizing: border-box; + 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 { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} + +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} + +.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { + margin-left: -1px; + width: 2px; + height: 5px; +} +.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { + height: 10px; +} +.directorist-custom-range-slider-marker-horizontal.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 { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-left: 25px; +} + +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); +} + +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { + width: 5px; + height: 2px; + margin-top: -1px; +} +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { + width: 10px; +} +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { + width: 15px; +} + +.directorist-custom-range-slider-tooltip { + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + left: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + right: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + right: 28px; +} + +.directorist-swiper { + height: 100%; + overflow: hidden; + position: relative; +} +.directorist-swiper .swiper-slide { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-swiper .swiper-slide > div, +.directorist-swiper .swiper-slide > a { + width: 100%; + height: 100%; +} +.directorist-swiper__nav { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-swiper__nav i { + width: 30px; + height: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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; + -webkit-transform: scale(1.4); + 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 { + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; +} +@media screen and (max-width: 991px) { + .directorist-single-listing-slider { + max-height: 450px !important; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-slider { + max-height: 400px !important; + } +} +@media screen and (max-width: 375px) { + .directorist-single-listing-slider { + max-height: 350px !important; + } +} +.directorist-single-listing-slider .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%; + max-width: var(--gallery-crop-width, 740px); + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; +} +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; +} + +.directorist-single-listing-slider-thumb { + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + overflow: auto; + height: auto; + display: none; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb { + border-radius: 12px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb { + border-radius: 8px; + } +} +.directorist-single-listing-slider-thumb .swiper-wrapper { + height: auto; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-wrapper { + gap: 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 { + position: relative; + cursor: pointer; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide { + margin: 0 !important; + height: 90px; + } +} +.directorist-single-listing-slider-thumb .swiper-slide img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 14px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 8px; + aspect-ratio: 16/9; + } +} +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 12px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 8px; + } +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-slider-thumb { + display: none; + } +} + +.directorist-swiper-related-listing.directorist-swiper { + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; +} +.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { + height: auto; +} +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; +} + +.directorist-dropdown { + position: relative; +} +.directorist-dropdown__toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); +} +.directorist-dropdown__toggle.directorist-toggle-has-icon:after { + content: ""; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; +} +.directorist-dropdown__links { + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; +} +.directorist-dropdown__links a { + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); +} +@media screen and (max-width: 575px) { + .directorist-dropdown__links a { + padding: 5px 10px; + } +} +.directorist-dropdown__links--right { + left: auto; + right: 0; +} +@media (max-width: 1440px) { + .directorist-dropdown__links { + left: unset; + right: 0; + } +} +.directorist-dropdown.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; +} +.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; + -webkit-transition: 0.3s ease; + 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; +} + +.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 { + -webkit-transform: translateX(20px); + transform: translateX(20px); +} +.directorist-switch .directorist-switch-label { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); +} +.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: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); +} + +.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; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); +} +.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: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); +} +.directorist-tooltip.directorist-tooltip-bottom[data-label]:after { + -webkit-transform: translate(-50%); + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; +} +.directorist-tooltip[data-label]:before { + content: ""; + left: 50%; + top: -6px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); +} +.directorist-tooltip[data-label]:after { + font-size: 14px; + content: attr(data-label); + left: 50%; + -webkit-transform: translate(-50%, -6px); + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; +} +.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); +} + +@-webkit-keyframes showTooltip { + from { + opacity: 0; + } +} + +@keyframes showTooltip { + from { + opacity: 0; + } +} +/* Alerts style */ +.directorist-alert { + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-alert .directorist-icon-mask { + margin-right: 5px; +} +.directorist-alert > a { + padding-left: 5px; +} +.directorist-alert__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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-color: #dcebfe; + color: #157cf6; +} +.directorist-alert.directorist-alert-info .directorist-alert__close { + color: #157cf6; +} +.directorist-alert.directorist-alert-warning { + background-color: #fee9d9; + color: #f56e00; +} +.directorist-alert.directorist-alert-warning .directorist-alert__close { + color: #f56e00; +} +.directorist-alert.directorist-alert-danger { + background-color: #fcd9d9; + color: #e80000; +} +.directorist-alert.directorist-alert-danger .directorist-alert__close { + color: #e80000; +} +.directorist-alert.directorist-alert-success { + background-color: #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); +} +.alert-danger.directorist-register-error { + background: #fcd9d9; + color: #e80000; + border-radius: 3px; +} +.alert-danger.directorist-register-error .directorist-alert__close { + color: #e80000; +} + +/* Add listing notice alert */ +.directorist-single-listing-notice .directorist-alert__content { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; +} +.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 { + -webkit-box-sizing: border-box; + 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%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; +} + +.directorist-modal__dialog { + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; +} + +.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__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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; +} +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + 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(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; +} +.directorist-search-modal__contents { + position: fixed; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; +} +@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: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } +} +.directorist-search-modal__contents__body .directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn { + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-modal__contents__body .directorist-search-form-dropdown { + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-modal__contents__body .wp-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.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__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; +} +.directorist-search-modal__contents__btn i::after { + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); +} +.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 + .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%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; +} +@media only screen and (max-width: 575px) { + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } +} +.directorist-search-modal--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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } +} +@media screen and (max-width: 575px) and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } +} +.directorist-search-modal--basic .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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal--basic .directorist-search-field-pricing > label, +.directorist-search-modal--basic .directorist-search-field__number > label, +.directorist-search-modal--basic .directorist-search-field-text_range > label, +.directorist-search-modal--basic .directorist-search-field-price_range > label, +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; +} +.directorist-search-modal--full .directorist-search-field { + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; +} +.directorist-search-modal--full .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal--full .directorist-search-field-pricing > label, +.directorist-search-modal--full .directorist-search-field-text_range > label, +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; +} +.directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input .directorist-select { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input__btn .directorist-icon-mask::after { + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal .directorist-checkbox-wrapper, +.directorist-search-modal .directorist-radio-wrapper, +.directorist-search-modal .directorist-search-tags { + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 575px) { + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} + +.directorist-content-active.directorist-overlay-active { + overflow: hidden; +} +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; +} + +/* Responsive CSS */ +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) and (max-width: 1199.98px) { + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } +} +/* 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 { + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; +} + +.directorist-content-active .directorist-card { + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active .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-content-active .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-content-active .directorist-card__header__title { + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-card__body { + padding: 25px; + border-radius: 0 0 16px 16px; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-card__body { + padding: 20px; + } +} +.directorist-content-active .directorist-card__body .directorist-review-single, +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; +} +.directorist-content-active .directorist-card__body p { + font-size: 15px; + margin-top: 0; +} +.directorist-content-active .directorist-card__body p:last-child { + margin-bottom: 0; +} +.directorist-content-active .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-input-wrap + label + input.directorist-color-picker { + width: 100% !important; +} +.directorist-color-picker-wrap .wp-picker-clear { + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; +} + +.directorist-form-group { + position: relative; + width: 100%; +} +.directorist-form-group textarea, +.directorist-form-group textarea.directorist-form-element { + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; +} +.directorist-form-group__with-prefix { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; +} +.directorist-form-group__with-prefix:focus-within { + border-bottom: 2px solid var(--directorist-color-dark); +} +.directorist-form-group__with-prefix .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; +} +.directorist-form-group__with-prefix .directorist-single-info__value { + font-size: 14px; + font-weight: 500; + margin: 0 !important; +} +.directorist-form-group__prefix { + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; +} +.directorist-form-group__prefix--start { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; +} +.directorist-form-group__prefix--end { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} + +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; +} + +.directorist-form-group label { + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-form-group .directorist-form-element { + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-form-group .directorist-form-element:focus { + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-form-group .directorist-form-description { + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); +} + +.directorist-form-element.directorist-form-element-lg { + height: 50px; +} +.directorist-form-element.directorist-form-element-lg__prefix { + height: 50px; + line-height: 50px; +} +.directorist-form-element.directorist-form-element-sm { + height: 30px; +} +.directorist-form-element.directorist-form-element-sm__prefix { + height: 30px; + line-height: 30px; +} + +.directorist-form-group.directorist-icon-left .directorist-input-icon { + left: 0; +} +.directorist-form-group.directorist-icon-left .location-name { + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-form-group.directorist-icon-right .location-name { + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group .directorist-input-icon { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.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); +} +@media screen and (max-width: 575px) { + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } +} + +.directorist-label { + margin-bottom: 0; +} + +input.directorist-toggle-input { + display: none; +} + +.directorist-toggle-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +span.directorist-toggle-input-label-text { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-right: 10px; +} + +span.directorist-toggle-input-label-icon { + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +span.directorist-toggle-input-label-icon::after { + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-tab-navigation-list-item { + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); +} +.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); + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; +} + +.directorist-tab-navigation-list-item-link { + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} +.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); + -webkit-transform: translate(-50%, 0); + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-checkbox, +.directorist-radio { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; +} +@media only screen and (max-width: 575px) { + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; +} + +.directorist-checkbox-rating { + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-checkbox-rating .directorist-icon-mask:after { + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; +} +.directorist-radio.directorist-radio-theme-admin .directorist-radio__label { + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; +} + +.directorist-content-active { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-content-active .directorist-author-profile { + padding: 0; +} +.directorist-content-active .directorist-author-profile__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; +} +.directorist-content-active .directorist-author-profile__wrap__body { + padding: 0; +} +@media only screen and (max-width: 991px) { + .directorist-content-active .directorist-author-profile__wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } +} +.directorist-content-active .directorist-author-profile__avatar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__avatar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 15px; + } +} +.directorist-content-active .directorist-author-profile__avatar 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) { + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } +} +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; +} +.directorist-content-active .directorist-author-profile__avatar__info__name { + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; +} +@media only screen and (max-width: 991px) { + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } +} +.directorist-content-active .directorist-author-profile__avatar__info p { + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-author-profile__meta-list { + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + list-style-type: none; +} +@media only screen and (max-width: 991px) { + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } +} +.directorist-content-active .directorist-author-profile__meta-list__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-author-profile__meta-list__item i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } +} +.directorist-content-active .directorist-author-profile__meta-list__item span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: unset; + -webkit-box-direction: unset; + -webkit-flex-direction: unset; + -ms-flex-direction: unset; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } +} +@media only screen and (max-width: 767px) { + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } +} +.directorist-content-active .directorist-author-profile-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-radius: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} +@media screen and (min-width: 576px) { + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } +} +.directorist-content-active .directorist-author-info-list { + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-author-info-list li { + margin-left: 0; +} +.directorist-content-active .directorist-author-info-list__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-author-info-list__item i { + margin-top: 5px; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-right: 10px; + margin-right: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + right: 0; + top: 0; +} +@media screen and (max-width: 375px) { + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } +} +.directorist-content-active .directorist-author-info-list__item a { + color: var(--directorist-color-body); + text-decoration: none; +} +.directorist-content-active .directorist-author-info-list__item a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; +} +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-author-social { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; +} +.directorist-content-active .directorist-author-social__item { + margin: 0; +} +.directorist-content-active .directorist-author-social__item a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-author-social__item a span { + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-author-social__item a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-author-social__item a:hover span.la, +.directorist-content-active .directorist-author-social__item a:hover span.fa { + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-author-listing-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-author-listing-top__title { + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; +} +.directorist-content-active .directorist-author-listing-top__filter { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } +} +.directorist-content-active .directorist-author-listing-content { + padding: 0; +} +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; +} +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; +} + +/* category style three */ +.directorist-category-child__card { + border: 1px solid #eee; + border-radius: 4px; +} +.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-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 5px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #444752; +} +.directorist-category-child__card__body li a span { + color: var(--directorist-color-body); +} + +/* All listing archive page styles */ +.directorist-archive-contents { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; +} +.directorist-archive-contents .gm-style-iw-chr, +.directorist-archive-contents .gm-style-iw-tc { + display: none; +} +@media screen and (max-width: 575px) { + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } +} + +/* Directory type nav */ +.directorist-content-active .directorist-type-nav__link { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-type-nav__link:focus { + background-color: transparent; +} +.directorist-content-active .directorist-type-nav__link .directorist-icon-mask { + display: inline-block; + margin: 0 0 10px; +} +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); +} +.directorist-content-active .directorist-type-nav__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; +} +@media only screen and (max-width: 767px) { + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-type-nav__list { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { + display: none; +} +.directorist-content-active .directorist-type-nav__list li { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 0; + list-style: none; + line-height: 1; +} +.directorist-content-active .directorist-type-nav__list a { + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} + +/* Archive header bar contents */ +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; +} +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 30px 0; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } +} +.directorist-content-active .directorist-listings-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-listings-header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-right: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +.directorist-content-active .directorist-listings-header__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; +} +@media screen and (max-width: 425px) { + .directorist-content-active .directorist-listings-header__right { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + right: unset; + left: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); +} +.directorist-content-active .directorist-archive-items { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; +} + +.directorist-viewas { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-viewas__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); +} +.directorist-viewas__item i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); +} +.directorist-viewas__item.active { + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); +} +.directorist-viewas__item.active i::after { + background-color: var(--directorist-color-white); +} +@media only screen and (max-width: 575px) { + .directorist-viewas__item--list { + display: none; + } +} + +.listing-with-sidebar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar .directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } +} +.listing-with-sidebar__wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__type-nav { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.listing-with-sidebar__type-nav .directorist-type-nav__list { + gap: 40px; +} +.listing-with-sidebar__searchform { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media only screen and (max-width: 767px) { + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__searchform .directorist-search-form__box { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } +} +.listing-with-sidebar__searchform .directorist-search-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + right: 15px; + top: unset; + -webkit-transform: unset; + transform: unset; + bottom: 8px; +} +.listing-with-sidebar__searchform .directorist-advanced-filter__form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + gap: 20px; +} +@media only screen and (max-width: 767px) { + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.listing-with-sidebar__searchform .directorist-search-contents { + padding: 0; +} +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; +} +.listing-with-sidebar__searchform .directorist-search-field-pricing > label, +.listing-with-sidebar__searchform .directorist-search-field__number > label, +.listing-with-sidebar__searchform .directorist-search-field-text_range > label, +.listing-with-sidebar__searchform .directorist-search-field-price_range > label, +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.listing-with-sidebar__header { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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__header .directorist-archive-sidebar-toggle { + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.listing-with-sidebar__sidebar { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100%; + max-width: 350px; +} +.listing-with-sidebar__sidebar form { + width: 100%; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: none; +} +@media screen and (max-width: 1199px) { + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -webkit-box-shadow: 0 10px 15px + rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } +} +.listing-with-sidebar__sidebar--open { + left: 0; + visibility: visible; + opacity: 1; +} +.listing-with-sidebar__sidebar .directorist-form-group label { + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.listing-with-sidebar__sidebar .directorist-search-contents { + padding: 0; +} +.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { + display: block !important; +} +.listing-with-sidebar__sidebar .directorist-search-form__box { + padding: 0; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -webkit-box-shadow: none; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-right: 20px; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__top { + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__title { + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__action { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; +} +.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { + position: relative; + background-color: transparent; +} +.listing-with-sidebar__sidebar .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); +} +.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.listing-with-sidebar__sidebar .directorist-btn-submit { + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; +} +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } +} +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; +} +.listing-with-sidebar__sidebar .directorist-checkbox-wrapper, +.listing-with-sidebar__sidebar .directorist-radio-wrapper, +.listing-with-sidebar__sidebar .directorist-search-tags { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__sidebar.right-sidebar-contents { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; +} +.listing-with-sidebar__listing { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__listing .directorist-header-bar, +.listing-with-sidebar__listing .directorist-archive-items { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; +} +.listing-with-sidebar__listing .directorist-archive-items { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__listing .directorist-search-modal-advanced { + display: none; +} +.listing-with-sidebar__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; +} +@media screen and (max-width: 575px) { + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 20px 0 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + right: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + right: -15px; + } +} + +@media only screen and (max-width: 991px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } +} +@media only screen and (max-width: 767px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } +} +@media only screen and (max-width: 600px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } +} + +.directorist-advanced-filter__basic { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-advanced-filter__basic__element { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__basic__element .directorist-search-field { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, +.directorist-advanced-filter__basic__element .directorist-radio-wrapper, +.directorist-advanced-filter__basic__element .directorist-search-tags { + gap: 15px; + margin: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; +} +.directorist-advanced-filter__basic__element .form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-advanced-filter__advanced__element { + overflow: hidden; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; +} +.directorist-advanced-filter__advanced__element .directorist-search-field { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + -webkit-transform: unset; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, +.directorist-advanced-filter__advanced__element .directorist-radio-wrapper, +.directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 15px; + margin: 0; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; +} +.directorist-advanced-filter__advanced__element .form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; +} +.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-dark); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + -webkit-transition: + background-color 0.3s ease, + color 0.3s ease; + transition: + background-color 0.3s ease, + color 0.3s ease; +} +.directorist-advanced-filter__action .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.directorist-advanced-filter__action .directorist-btn { + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; +} +@media only screen and (max-width: 375px) { + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter .directorist-date .directorist-form-group, +.directorist-advanced-filter .directorist-time .directorist-form-group { + width: 100%; +} +.directorist-advanced-filter .directorist-btn-ml { + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-advanced-filter .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } +} + +.directorist-search-field-radius_search { + position: relative; +} +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; +} + +.directorist-search-field-review .directorist-checkbox { + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-left: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; +} +@media screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; +} +@media only screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } +} +@media only screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-left: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); +} + +.directorist-search-field .directorist-price-ranges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media (max-width: 575px) { + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-left: 15px; + } +} +@media (max-width: 480px) { + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } +} +.directorist-search-field .directorist-price-ranges__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } +} +.directorist-search-field .directorist-price-ranges__label { + margin-right: 5px; +} +.directorist-search-field .directorist-price-ranges__currency { + line-height: 1; + margin-right: 4px; +} +.directorist-search-field .directorist-price-ranges__price-frequency { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-right: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-search-field .directorist-price-ranges .directorist-pf-range { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } +} + +.directorist-search-field { + font-size: 15px; +} +.directorist-search-field .wp-picker-container .wp-picker-clear, +.directorist-search-field .wp-picker-container .wp-color-result { + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; +} +.directorist-search-field .wp-picker-container .wp-color-result { + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; +} +.directorist-search-field .wp-picker-container .wp-color-result-text { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: 102px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; +} +.directorist-search-field .wp-picker-holder { + position: absolute; + z-index: 22; +} + +.check-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.check-btn label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + height: 42px; + padding-right: 18px; + padding-left: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; +} +.check-btn label span i { + display: none; +} +.check-btn label span:before { + position: absolute; + left: 23px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.check-btn label span:after { + position: absolute; + left: 18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +/* 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-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; +} +.directorist-search-top__subtitle { + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; +} + +.directorist-search-contents { + background-size: cover; + padding: 100px 0 120px; +} + +.directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-field__btn--clear { + right: 0; + opacity: 0; + visibility: hidden; +} +.directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-search-field.input-has-value .directorist-search-field__btn--clear, +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; +} +.directorist-search-field.input-has-value .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-field.input-has-value.input-has-noLabel .directorist-select, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; +} +.directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; +} + +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; +} + +.directorist-search-form__box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 22px 22px 25px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media screen and (max-width: 767px) { + .directorist-search-form__box { + gap: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media only screen and (max-width: 575px) { + .directorist-search-form__box { + padding: 0; + -webkit-box-shadow: unset; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } +} +.directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 18px; +} +@media screen and (max-width: 767px) { + .directorist-search-form__top { + width: 100%; + } +} +@media screen and (min-width: 576px) { + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-right: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + -webkit-transform: unset; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + right: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } +} +@media screen and (max-width: 767px) { + .directorist-search-form__top .directorist-search-modal__input { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top .directorist-search-form__single-category { + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location { + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-right: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.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__btn--clear { + right: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 38px; + bottom: 8px; + top: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; +} +.directorist-search-form__top .directorist-search-field .wp-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; +} +@media screen and (max-width: 480px) { + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; +} +.directorist-search-form__top .directorist-search-field .directorist-btn-ml { + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +@media screen and (max-width: 767px) { + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + left: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + right: 40px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } +} +@media screen and (max-width: 575px) and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + right: 0; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + -webkit-transform: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + right: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + right: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } +} +.directorist-search-form__top .select2-container { + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown { + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-form__top .directorist-form-group__with-prefix { + border: none; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-left: 0 !important; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; +} + +.directorist-search-form-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-end: auto; + margin-inline-end: auto; + -webkit-padding-start: 10px; + padding-inline-start: 10px; + gap: 10px; +} +@media only screen and (max-width: 767px) { + .directorist-search-form-action { + -webkit-padding-start: 0; + padding-inline-start: 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 { + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter .directorist-filter-btn:hover { + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +@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 { + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} +@media only screen and (max-width: 575px) { + .directorist-search-form-action__submit { + display: none; + } +} +.directorist-search-form-action__modal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media only screen and (max-width: 575px) { + .directorist-search-form-action__modal { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +@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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-search-form-action__modal__btn-search i::after { + width: 16px; + height: 16px; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} +.directorist-search-form-action__modal__btn-advanced { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; +} + +.atbdp-form-fade { + position: relative; + border-radius: 8px; + overflow: visible; +} +.atbdp-form-fade.directorist-search-form__box { + padding: 15px; + border-radius: 10px; +} +.atbdp-form-fade.directorist-search-form__box:after { + border-radius: 10px; +} +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-left: 15px; +} +.atbdp-form-fade:before { + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-animation: atbd_spin2 2s linear infinite; + animation: atbd_spin2 2s linear infinite; + z-index: 9999; +} +.atbdp-form-fade:after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; +} + +.directorist-on-scroll-loading { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; +} +.directorist-on-scroll-loading .directorist-spinner { + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-right: 3px solid transparent; + border-radius: 50%; + -webkit-animation: 1s rotate360 linear infinite; + animation: 1s rotate360 linear infinite; +} + +.directorist-listing-type-selection { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style-type: none; +} +@media only screen and (max-width: 767px) { + .directorist-listing-type-selection { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + } +} +@media only screen and (max-width: 575px) { + .directorist-listing-type-selection { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-listing-type-selection__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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); +} +.directorist-listing-type-selection__item a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { + background-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: 700; + color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; +} + +.directorist-search-form-wrap .directorist-listing-type-selection { + padding: 0; + margin: 0; +} +@media only screen and (max-width: 575px) { + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } +} + +.directorist-search-contents .directorist-btn-ml:after { + content: ""; + display: inline-block; + margin-left: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); +} +.directorist-search-contents .directorist-btn-ml.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; +} +@media only screen and (max-width: 575px) { + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-listing-category-top li a { + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + gap: 10px; +} +.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; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; +} +.directorist-search-field .directorist-location-js + .address_result ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; +} +.directorist-search-field .directorist-location-js + .address_result ul a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); +} +.directorist-search-field .directorist-location-js + .address_result ul li { + border: none; + padding: 0; + margin: 0; +} + +.directorist-zipcode-search .directorist-search-country { + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; +} +.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 { + -webkit-box-flex: 30.8%; + -webkit-flex: 30.8%; + -ms-flex: 30.8%; + flex: 30.8%; + border-right: 1px solid var(--directorist-color-border); +} + +.directorist-custom-range-slider { + width: 100%; +} +.directorist-custom-range-slider__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-custom-range-slider__value { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.directorist-custom-range-slider__value:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-custom-range-slider__value input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.directorist-custom-range-slider__label { + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); +} +.directorist-custom-range-slider__prefix { + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-custom-range-slider__range__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; +} + +.directorist-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-pagination .page-numbers { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + -webkit-transition: + border 0.3s ease, + color 0.3s ease; + transition: + border 0.3s ease, + color 0.3s ease; +} +.directorist-pagination .page-numbers .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} +.directorist-pagination .page-numbers span { + border: 0 none; + min-width: auto; + margin: 0; +} +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} + +/* New Styles */ +.directorist-categories { + margin-top: 15px; +} +.directorist-categories__single { + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* 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-dark-rgb), 0.5); + z-index: 0; +} +.directorist-categories__single--image .directorist-categories__single__name, +.directorist-categories__single--image .directorist-categories__single__total { + color: var(--directorist-color-white); +} +.directorist-categories__single__content { + position: relative; + z-index: 1; + text-align: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 50px 30px; +} +.directorist-categories__single__content .directorist-icon-mask { + display: inline-block; +} +.directorist-categories__single__name { + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); +} +.directorist-categories__single__name::before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; +} +@media screen and (max-width: 991px) { + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-categories__single--style-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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-three .directorist-category-count { + border-color: var(--directorist-color-white); +} +.directorist-categories__single--style-four .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.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); +} +.directorist-categories .directorist-row > * { + margin-top: 30px; +} +.directorist-categories .directorist-type-nav { + margin-bottom: 15px; +} + +/* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; +} +.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-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -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 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; +} +.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; + -webkit-transition: 0.3s ease; + 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 { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { + -webkit-padding-start: 10px; + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + -webkit-padding-start: 35px; + padding-inline-start: 35px; + -webkit-padding-end: 20px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 64px; + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { + -webkit-margin-start: auto; + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + left: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +/* Taxonomy List Style Two */ +.directorist-taxonomy-list-two .directorist-taxonomy-list { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); +} +.directorist-taxonomy-list-two .directorist-taxonomy-list__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + -webkit-transition: 0.6s ease; + transition: 0.6s ease; +} +.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-color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.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(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); +} +.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; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; +} +.directorist-location--grid-one .directorist-location__content { + padding: 22px; +} +.directorist-location--grid-one .directorist-location__content h3 { + margin: 0; + font-size: 16px; + font-weight: 500; +} +.directorist-location--grid-one .directorist-location__content a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-location--grid-one .directorist-location__content a::after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; +} +.directorist-location--grid-one .directorist-location__count { + display: block; + font-size: 14px; + font-weight: 400; +} +.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(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; +} +.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; +} +.directorist-location .directorist-row > * { + margin-top: 30px; +} +.directorist-location .directorist-type-nav { + margin-bottom: 15px; +} + +/* 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; +} + +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.at-modal .atm-contents-inner .at-modal-close { + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; +} + +.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 { + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media only screen and (max-width: 480px) { + .directorist-author__form { + padding: 40px 25px; + } +} +.directorist-author__form__btn { + width: 100%; + height: 50px; + border-radius: 8px; +} +.directorist-author__form__actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; +} +.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); +} + +/* Authentication style */ +.directorist-authentication { + height: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; +} +.directorist-authentication__form { + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); +} +@media only screen and (max-width: 480px) { + .directorist-authentication__form { + padding: 40px 25px; + } +} +.directorist-authentication__form__btn { + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-authentication__form__actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; +} +.directorist-authentication__form__actions a { + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; +} +.directorist-authentication__form__actions a:hover { + color: #000000; + border-color: #000000; +} +.directorist-authentication__form__actions label { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__form__toggle-area { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__form__toggle-area a { + margin-left: 5px; + color: #2c99ff; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-authentication__form__toggle-area a:hover { + color: #000000; +} +.directorist-authentication__form__recover-pass-modal { + display: none; +} +.directorist-authentication__form__recover-pass-modal .directorist-form-group { + margin: 0; + padding: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; +} +.directorist-authentication__form__recover-pass-modal p { + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; +} +.directorist-authentication__form .directorist-form-element { + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; +} +.directorist-authentication__form .directorist-form-group > label { + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__btn { + border: none; + outline: none; + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-authentication__btn:hover { + opacity: 0.75; +} +.directorist-authentication__message__text { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication.active { + height: auto; + opacity: 1; + visibility: visible; +} + +/* Password toggle */ +.directorist-password-group { + position: relative; +} +.directorist-password-group-input { + padding-right: 40px !important; +} +.directorist-password-group-toggle { + position: absolute; + top: calc(50% + 16px); + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; +} +.directorist-password-group-toggle svg { + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; +} + +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 0; +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-authors__nav li a:hover { + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-authors__nav li.active a { + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-authors__card { + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; +} +.directorist-content-active .directorist-authors__card__info-list li a { + color: #767792; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-right: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-right: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-authors__card .directorist-btn:hover { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} + +/* Directorist All author Grid */ +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; +} + +.directorist-select2-addon { + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-select2-dropdown-toggle { + height: auto; + width: 25px; +} + +.directorist-select2-dropdown-close { + height: auto; + 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 { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.directorist-all-listing-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-all-listing-btn__basic { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-all-listing-btn .directorist-btn__back i::after { + width: 16px; + height: 16px; +} +.directorist-all-listing-btn .directorist-modal-btn--basic { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-all-listing-btn .directorist-modal-btn--basic i::after { + width: 16px; + height: 16px; + -webkit-transform: rotate(270deg); + 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-content-active .directorist-listing-single { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + margin-bottom: 15px; +} +.directorist-content-active .directorist-listing-single--bg { + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active .directorist-listing-single__content { + border-radius: 4px; +} +.directorist-content-active .directorist-listing-single__content__badges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-content-active .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + padding: 33px 20px 24px; +} +.directorist-content-active .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active .directorist-listing-single__info__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; + width: 100%; +} +.directorist-content-active .directorist-listing-single__info__top__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active .directorist-listing-single__info__top__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; +} +.directorist-content-active .directorist-listing-single__info__badges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-content-active .directorist-listing-single__info__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } +} +.directorist-content-active .directorist-listing-single__info__list li, +.directorist-content-active .directorist-listing-single__info__list > div { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-right: 8px; +} +.directorist-content-active .directorist-listing-single__info__list a { + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; +} +.directorist-content-active .directorist-listing-single__info__list a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; +} +.directorist-content-active .directorist-listing-single__info__list__label { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active .directorist-listing-single__info--right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + position: absolute; + right: 20px; + top: 20px; +} +@media screen and (max-width: 991px) { + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } +} +.directorist-content-active .directorist-listing-single__info__excerpt { + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; +} +.directorist-content-active .directorist-listing-single__info__excerpt a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-content-active .directorist-listing-single__info__excerpt a:hover { + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-listing-single__info__top-right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + width: 100%; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info__top-right { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + left: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; +} +.directorist-content-active .directorist-listing-single__info a { + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active .directorist-listing-single__info a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-right: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-right: 8px; + padding-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + right: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-right: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-left: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + -webkit-transform: unset; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } +} +.directorist-content-active .directorist-listing-single__meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single__meta__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active .directorist-listing-single__meta__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + word-break: break-word; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; +} +.directorist-content-active .directorist-listing-single__thumb { + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + -o-object-fit: contain; + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + -webkit-filter: blur(5px); + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + right: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; +} +.directorist-content-active .directorist-listing-single__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 22px 0 22px; +} +.directorist-content-active .directorist-listing-single__top__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active .directorist-listing-single__top__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active .directorist-listing-single figure { + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; +} +.directorist-content-active .directorist-listing-single .directorist-badge { + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + left: 20px; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + left: unset; + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); +} +@media screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 0 10px 10px; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 2; + -webkit-flex: 2; + -ms-flex: 2; + flex: 2; + padding: 10px 0 10px; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media screen and (min-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + right: 10px; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + right: unset; + left: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + left: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + right: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-featured { + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; +} +@media screen and (max-width: 991px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; +} + +.directorist-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); +} +.directorist-mark-as-favorite__btn .directorist-favorite-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-mark-as-favorite__btn .directorist-favorite-icon:before { + content: ""; + -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); +} +.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; +} +.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; +} + +/* listing card without thumbnail */ +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media screen and (max-width: 575px) { + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: left; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} + +/* 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-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-listing-category__popup { + position: relative; + margin-left: 10px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-category__popup__content { + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + left: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; +} +.directorist-listing-category__popup__content:after { + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; +} +.directorist-listing-category__popup__content a { + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; +} +.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-single__meta__right + .directorist-listing-category__popup__content { + left: unset; + right: -30px; +} +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; +} + +.directorist-listing-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: 8px; + padding: 0; +} +#map.leaflet-container .leaflet-popup-content, +#gmap.leaflet-container .leaflet-popup-content, +.directorist-single-map.leaflet-container .leaflet-popup-content { + margin: 0; + line-height: 1; + width: 350px !important; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +#map.leaflet-container .leaflet-popup-content .osm-iw-get-location, +#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; +} +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, +#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; +} +#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: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; +} +#map.leaflet-container .leaflet-popup-close-button:hover, +#gmap.leaflet-container .leaflet-popup-close-button:hover, +.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { + background-color: #444752; +} +#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; +} + +.directorist-single-map .gm-style-iw-c, +.directorist-single-map .gm-style-iw-d { + max-height: unset !important; +} +.directorist-single-map .gm-style-iw-tc, +.directorist-single-map .gm-style-iw-chr { + display: none; +} + +.map-listing-card-single { + position: relative; + padding: 10px; + border-radius: 8px; + -webkit-box-shadow: 0px 5px 20px + rgba(var(--directorist-color-dark-rgb), 0.33); + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); +} +.map-listing-card-single figure { + margin: 0; +} +.map-listing-card-single .directorist-mark-as-favorite__btn { + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; +} +.map-listing-card-single__img .atbd_tooltip { + margin-left: 10px; + margin-bottom: 10px; +} +.map-listing-card-single__img .atbd_tooltip img { + width: auto; +} +.map-listing-card-single__img a { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.map-listing-card-single__img figure { + width: 100%; + margin: 0; +} +.map-listing-card-single__img img { + width: 100%; + max-width: 100%; + max-height: 200px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.map-listing-card-single__author + .map-listing-card-single__content { + padding-top: 0; +} +.map-listing-card-single__author a { + width: 42px; + height: 42px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); +} +.map-listing-card-single__author img { + width: 100%; + height: 100%; + border-radius: 100%; +} +.map-listing-card-single__content { + padding: 15px 10px 10px; +} +.map-listing-card-single__content__title { + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); +} +.map-listing-card-single__content__title a { + text-decoration: unset; + color: var(--directorist-color-dark); +} +.map-listing-card-single__content__title a:hover { + color: var(--directorist-color-primary); +} +.map-listing-card-single__content__meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; +} +.map-listing-card-single__content__meta .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; +} +.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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); +} +.map-listing-card-single__content__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.map-listing-card-single__content__info .directorist-info-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); +} +.atbd_map_shape:before { + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.atbd_map_shape .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); +} +.atbd_map_shape:hover:before { + opacity: 1; + visibility: visible; +} + +.marker-cluster-shape { + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; +} +.marker-cluster-shape:before { + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; +} + +/*style the box*/ +.atbdp-map .gm-style .gm-style-iw, +.atbd_google_map .gm-style .gm-style-iw, +.directorist-details-info-wrap .gm-style .gm-style-iw { + width: 350px; + padding: 0; + border-radius: 8px; + -webkit-box-shadow: unset; + box-shadow: unset; + max-height: none !important; +} +@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; + max-height: 100% !important; +} +.atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, +.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; +} +.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-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; +} +.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; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-report-abuse-modal .directorist-modal__body textarea:focus { + border: 1px solid var(--directorist-color-primary); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + border: none; +} +.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; +} +.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(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.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: 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) { + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } +} + +.directorist-listing-details .directorist-listing-single { + border: 0 none; +} + +.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: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + /* Legacy Icon */ +} +.directorist-single-tag-list a .directorist-icon-mask { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-tag-list a .directorist-icon-mask:after { + font-size: 15px; +} +.directorist-single-tag-list a > span:not(.directorist-icon-mask) { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-right: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 15px; +} +.directorist-single-tag-list a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-tag-list a:hover 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-sidebar .directorist-search-form .directorist-search-form-action { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-left: 0; +} +.directorist-sidebar .directorist-add-listing-types { + padding: 25px; +} +.directorist-sidebar .directorist-add-listing-types__single { + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; +} +.directorist-sidebar .directorist-add-listing-types .directorist-row { + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; +} + +.directorist-single-listing-top { + gap: 20px; + margin: 15px 0 30px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top { + gap: 10px; + } +} +.directorist-single-listing-top .directorist-return-back { + gap: 8px; + margin: 0; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: 120px; + text-decoration: none; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } +} +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } +} +.directorist-single-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-single-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); +} +.directorist-single-listing-top__btn-continue.directorist-btn:hover { + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; +} +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; +} + +.directorist-single-contents-area { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-single-contents-area .directorist-card { + padding: 0; + -webkit-filter: none; + filter: none; + margin-bottom: 35px; +} +.directorist-single-contents-area .directorist-card .directorist-card__body { + padding: 30px; +} +@media screen and (max-width: 575px) { + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } +} +.directorist-single-contents-area .directorist-card .directorist-card__header { + padding: 20px 30px; +} +@media screen and (max-width: 575px) { + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; +} +.directorist-single-contents-area .directorist-card__header__title { + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-right: 10px; +} +.directorist-single-contents-area .directorist-card__header-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; +} +.directorist-single-contents-area .directorist-details-info-wrap a { + font-size: 15px; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} +.directorist-single-contents-area .directorist-details-info-wrap a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-contents-area .directorist-details-info-wrap ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; +} +.directorist-single-contents-area .directorist-details-info-wrap li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); +} +.directorist-single-contents-area .directorist-related { + padding: 0; +} + +.directorist-single-contents-area { + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; +} +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} + +.directorist-single-map__location { + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 30px 0 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media screen and (max-width: 575px) { + .directorist-single-map__location { + padding: 20px 0 0; + } +} +.directorist-single-map__address { + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; +} +.directorist-single-map__address i::after { + width: 14px; + height: 14px; + margin-top: 4px; +} +.directorist-single-map__direction a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-single-contents-area .directorist-single-map__direction a { + font-size: 14px; + color: var(--directorist-color-info); +} +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); +} +.directorist-single-contents-area .directorist-single-map__direction a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} + +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); +} + +.directorist-single-listing-header { + margin-bottom: 25px; + margin-top: -15px; + padding: 0; +} + +.directorist-single-wrapper .directorist-listing-single__info { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-single-wrapper .directorist-single-listing-slider-wrap { + padding: 0; + margin: 15px 0; +} +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + -o-object-fit: contain; + object-fit: contain; +} + +.directorist-single-listing-quick-action { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 767px) { + .directorist-single-listing-quick-action { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action { + gap: 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-single-listing-quick-action .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; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action .directorist-action-report { + font-size: 0; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action .directorist-action-bookmark { + font-size: 0; + } +} +.directorist-single-listing-quick-action .directorist-social-share-links { + position: absolute; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + right: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a i { + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-listing-single__quick-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-single-listing-action { + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; +} +.directorist-single-listing-action:hover { + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } +} +@media screen and (max-width: 480px) { + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } +} +@media screen and (max-width: 380px) { + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } +} +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); +} +.directorist-single-listing-action .directorist-icon-mask::after { + width: 15px; + height: 15px; +} +.directorist-single-listing-action a { + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-single-listing-action .atbdp-require-login, +.directorist-single-listing-action .directorist-action-report-not-loggedin { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; +} +.directorist-single-listing-action .atbdp-require-login i, +.directorist-single-listing-action .directorist-action-report-not-loggedin i { + pointer-events: none; +} + +.directorist-listing-details { + margin: 15px 0 30px; +} +.directorist-listing-details__text p { + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; +} +.directorist-listing-details__text ul { + list-style: disc; + padding-left: 20px; + margin-left: 0; +} +.directorist-listing-details__text li { + list-style: disc; +} +.directorist-listing-details__listing-title { + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); +} +@media screen and (max-width: 575px) { + .directorist-listing-details__listing-title { + font-size: 24px; + } +} +.directorist-listing-details__tagline { + margin: 10px 0; + color: var(--directorist-color-body); +} +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); +} +.directorist-listing-details .directorist-listing-single__info { + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-single-contents-area .directorist-embaded-video { + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; +} +@media (max-width: 768px) { + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } +} + +.directorist-single-contents-area .directorist-single-map { + border-radius: 12px; + z-index: 1; +} +.directorist-single-contents-area + .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 figure { + margin: 0; +} +.directorist-single-author-info .diretorist-view-profile-btn { + margin-top: 22px; + padding: 0 30px; +} + +.directorist-single-author-avatar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-single-author-avatar .directorist-single-author-avatar-inner { + margin-right: 10px; + width: auto; +} +.directorist-single-author-avatar .directorist-single-author-avatar-inner img { + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); +} +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0; + padding: 0; +} +.directorist-single-author-contact-info ul li { + width: 100%; + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + margin-left: 0; +} +.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 a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-author-contact-info ul .directorist-icon-mask::after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); +} + +.directorist-single-author-contact-info-text { + font-size: 15px; + margin-left: 12px; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} + +.directorist-single-author-info .directorist-social-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 25px -5px -5px; +} +.directorist-single-author-info .directorist-social-wrap a { + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; +} + +.directorist-details-info-wrap .directorist-single-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + word-break: break-word; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 15px; +} +.directorist-details-info-wrap .directorist-single-info:not(:last-child) { + margin-bottom: 12px; +} +.directorist-details-info-wrap .directorist-single-info a { + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-details-info-wrap .directorist-single-info__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-right: 10px; + font-size: 14px; + text-align: center; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; +} +.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-number + .directorist-single-info__value { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-details-info-wrap .directorist-single-info__value { + margin-top: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap .directorist-single-info__value { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin-top: 0; + } +} +.directorist-details-info-wrap .directorist-single-info__value a { + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } +} + +.directorist-social-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-social-links a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; +} +.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 30px; + 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; +} +@media screen and (max-width: 480px) { + .directorist-google-map, + .directorist-single-map { + height: 320px; + } +} + +.directorist-rating-review-block { + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; +} + +.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 { + -webkit-box-shadow: none; + 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(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.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-single-review { + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; +} +.directorist-single-review:first-child { + padding-top: 0; +} +.directorist-single-review:last-child { + padding-bottom: 0; + border-bottom: 0; +} +.directorist-single-review .directorist-single-review__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-single-review .directorist-single-review-avatar-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 22px; +} +.directorist-single-review .directorist-single-review-avatar { + margin-right: 12px; +} +.directorist-single-review .directorist-single-review-avatar img { + max-width: 50px; + border-radius: 50%; +} +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; +} + +.atbdp-universal-pagination ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -5px; + padding: 0; +} +.atbdp-universal-pagination li { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); +} +.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%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + left: 70%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + left: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + left: 30%; +} + +.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; +} +.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: 15px; + color: var(--directorist-color-deep-gray); +} +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content .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: 0; + } +} +.directorist-review-content .directorist-review-content__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; +} +.directorist-review-content .directorist-review-content__overview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; +} +.directorist-review-content .directorist-review-content__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-right: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; +} +.directorist-review-content .directorist-review-content__overview__benchmarks { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + -webkit-box-flex: 1.5; + -webkit-flex: 1.5; + -ms-flex: 1.5; + flex: 1.5; + border-radius: 2px; + height: 5px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: right; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-left: 0; +} +.directorist-review-content .directorist-review-content__reviews > li { + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-right: 8px; + padding-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + -o-object-fit: cover; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-left: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + left: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; +} +.directorist-review-content .directorist-review-content__pagination { + padding: 0; + margin: 25px 0 0; +} +.directorist-review-content .directorist-review-content__pagination ul { + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; +} +.directorist-review-content .directorist-review-content__pagination ul li { + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; +} + +.directorist-review-submit { + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; +} +.directorist-review-submit__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-review-submit__header h3 { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; +} +.directorist-review-submit__header h3 span { + color: var(--directorist-color-body); +} +.directorist-review-submit__header h3 span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-submit__header .directorist-btn { + font-size: 13px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; +} +.directorist-review-submit__header .directorist-btn .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__overview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; +} +.directorist-review-submit__overview__rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +@media (max-width: 480px) { + .directorist-review-submit__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-review-submit__overview__rating .directorist-rating-point { + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); +} +.directorist-review-submit__overview__rating .directorist-rating-stars { + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating .directorist-rating-overall { + font-size: 14px; + color: var(--directorist-color-body); + display: block; +} +.directorist-review-submit__overview__benchmarks { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-submit__overview__benchmarks .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-left: 0; +} +.directorist-review-submit > li { + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit .directorist-comment-edit-request > li { + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; +} + +.directorist-review-content__pagination { + padding: 0; + margin: 25px 0 35px; +} +.directorist-review-content__pagination ul { + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; +} +.directorist-review-content__pagination li { + padding: 4px; + list-style-type: none; +} +.directorist-review-content__pagination li .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content__pagination li .page-numbers.current { + border-color: #090e30; +} + +.directorist-review-single { + padding: 40px 30px; + margin: 0; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-review-single__author__img { + width: 50px; + height: 50px; + padding: 0; +} +.directorist-review-single__author__img img { + width: 50px; + height: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-single__author__details { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-single__feedback a { + margin: 5px; + font-size: 13px; +} +.directorist-review-single__actions { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-single__actions a { + font-size: 13px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); +} +.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-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 575px) { + .directorist-review-single .directorist-review-meta { + gap: 10px; + } +} +.directorist-review-single .directorist-review-meta .directorist-review-date { + margin: 0; +} +.directorist-review-single .directorist-review-submit { + margin-top: 0; + margin-bottom: 0; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist-review-single .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-submit__form { + margin: 0 !important; +} +.directorist-review-submit__form:not(.directorist-form-comment-edit) { + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-left: 0; + padding-right: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single a:before { + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__form .directorist-review-criteria__single a:focus { + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; +} +.directorist-review-submit__form .directorist-form-group:not(:last-child) { + margin-bottom: 20px; +} +.directorist-review-submit__form .directorist-form-group textarea { + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; +} +.directorist-review-submit__form .directorist-form-group textarea:focus { + background-color: #f6f7f9; +} +.directorist-review-submit__form .directorist-form-group label { + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-webkit-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-moz-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]:-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form .form-group-comment { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: 12px; + resize: none; + padding: 20px; + min-height: 140px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); +} +.directorist-review-submit__form .form-group-comment textarea:focus { + border: 2px solid var(--directorist-color-border-gray); +} +.directorist-review-submit__form .directorist-review-media-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; +} +.directorist-review-submit__form .directorist-review-media-upload label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; +} +.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: var(--directorist-color-body); + margin-top: 6px; +} +.directorist-review-submit__form .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -5px -5px -5px 5px; +} +.directorist-review-submit__form .directorist-review-gallery-preview { + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; +} +.directorist-review-submit__form .directorist-review-gallery-preview img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; +} +.directorist-review-submit .directorist-btn { + padding: 0 20px; +} + +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; +} + +@-webkit-keyframes directoristCommentEditLoading { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes directoristCommentEditLoading { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.directorist-favourite-items-wrap { + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); +} +.directorist-favourite-items-wrap .directorist-favourirte-items { + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list { + font-size: 15px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 15px !important; + margin: 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: 0.35s; + transition: 0.35s; +} +@media only screen and (max-width: 991px) { + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 20px; +} +@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-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-right: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-right: 5px; +} +@media only screen and (max-width: 991px) { + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } +} + +.directorist-user-dashboard { + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-user-dashboard__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 20px; +} +.directorist-user-dashboard__toggle { + margin-bottom: 20px; +} +.directorist-user-dashboard__toggle__link { + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); +} +.directorist-user-dashboard__tab-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: calc(100% - 250px); +} +.directorist-user-dashboard .directorist-alert { + margin-bottom: 15px; +} +.directorist-user-dashboard #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); +} +#directorist-dashboard-preloader div { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +#directorist-dashboard-preloader div:nth-child(1) { + -webkit-animation-delay: -0.45s; + animation-delay: -0.45s; +} +#directorist-dashboard-preloader div:nth-child(2) { + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +#directorist-dashboard-preloader div:nth-child(3) { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} + +/* My listing tab */ +.directorist-user-dashboard-tab__nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media screen and (max-width: 480px) { + .directorist-user-dashboard-tab__nav { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-user-dashboard-tab ul { + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-left: 0; +} +@media screen and (max-width: 480px) { + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } +} +.directorist-user-dashboard-tab 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: var(--directorist-color-dark); + position: relative; +} +.directorist-user-dashboard-tab li a:after { + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tab li a.directorist-tab__nav__active { + color: var(--directorist-color-primary); +} +.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: 12px; + margin: 16px 0 16px 16px; +} +.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.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__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-user-dashboard-tab .directorist-user-dashboard-search input { + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.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: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table { + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr { + background-color: var(--directorist-color-white); +} +.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; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th { + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-right: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-right: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-right: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + right: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + left: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-decoration: none; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-right: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-right: 4px; +} +.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-right: 0px; + margin-bottom: 4px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + right: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-right: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; +} +.directorist-become-author-modal.directorist-become-author-modal__show { + visibility: visible; + opacity: 1; + pointer-events: all; +} +.directorist-become-author-modal__content { + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; +} +.directorist-become-author-modal__content p { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-become-author-modal__content h3 { + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal span.directorist-become-author__loader { + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; +} +.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: var(--directorist-color-white); +} +.directorist-shade.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; +} +.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: 8px; + display: inline-block; +} + +.directorist-user-dashboard__nav { + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + left: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media only screen and (max-width: 1199px) { + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + left: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } +} +@media only screen and (max-width: 600px) { + .directorist-user-dashboard__nav { + right: 20px; + top: 10px; + } +} +.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: 600px) { + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } +} +.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.directorist-tab__nav__items { + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-tab__nav__items a { + text-decoration: none; +} +.directorist-tab__nav__items li { + margin: 0; +} +.directorist-tab__nav__items li ul { + display: none; + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-tab__nav__items li ul li a { + padding-left: 25px; + text-decoration: none; +} + +.directorist-tab__nav__link { + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; +} +.directorist-tab__nav__link .directorist_menuItem-text { + pointer-events: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; +} +.directorist-tab__nav__link .directorist_menuItem-text i, +.directorist-tab__nav__link .directorist_menuItem-text span.fa { + pointer-events: none; + display: inline-block; +} +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); +} +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; +} + +/* user dashboard sidebar nav action */ +.directorist-tab__nav__action { + margin-top: 15px; +} +.directorist-tab__nav__action .directorist-btn { + display: block; +} +.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: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; +} +.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-image-profile-wrap .directorist-profile-uploader { + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; +} + +.directorist-user-profile-box .directorist-card__header { + padding: 18px 20px; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; +} +.directorist-user-info-wrap .directorist-btn-profile-save { + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; +} +.directorist-user-info-wrap #directorist-profile-notice .directorist-alert { + margin-top: 15px; +} + +/* User Preferences */ +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; +} +.directorist-user_preferences .directorist-preference-radio { + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); +} + +/* Directorist Toggle */ +.directorist-toggle { + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} + +.directorist-toggle-switch { + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + -webkit-transition: background 0.25s; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; +} +.directorist-toggle-switch:before { + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + -webkit-transition: left 0.25s; + transition: left 0.25s; +} +.directorist-toggle:hover .directorist-toggle-switch:before { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(#fff), + to(#fff) + ); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); +} +.directorist-toggle-checkbox:checked + .directorist-toggle-switch { + background: var(--directorist-color-primary); +} +.directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { + left: 25px; +} + +.directorist-toggle-checkbox { + position: absolute; + visibility: hidden; +} + +.directorist-user-socials .directorist-user-social-label { + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-socials label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); +} +.directorist-announcement-wrapper .directorist-announcement { + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; +} +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 0.4217; + -webkit-flex: 0.4217; + -ms-flex: 0.4217; + flex: 0.4217; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; +} +@media (max-width: 1199px) { + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } +} +@media (max-width: 479px) { + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-announcement-wrapper .directorist-announcement__date__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 { + -webkit-box-flex: 8; + -webkit-flex: 8; + -ms-flex: 8; + flex: 8; + padding-left: 15px; +} +@media (max-width: 1199px) { + .directorist-announcement-wrapper .directorist-announcement__content { + -webkit-box-flex: 6; + -webkit-flex: 6; + -ms-flex: 6; + flex: 6; + } +} +@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 { + -webkit-box-flex: 0; + -webkit-flex: 0; + -ms-flex: 0; + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + -webkit-transition: 0.35s; + transition: 0.35s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + -webkit-transition: 0.35s; + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-announcement-wrapper .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; +} + +.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; +} +.directorist-payment-table th { + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); +} +.directorist-payment-table tbody td { + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); +} +.directorist-payment-table tbody tr:first-child td { + padding-top: 20px; +} +.directorist-payment-table__label { + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; +} +.directorist-payment-table__title { + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); +} +.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 td:nth-child(even) { + text-align: right; +} +.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; +} + +.directorist-btn-view-listing { + min-height: 54px; + border-radius: 10px; +} + +.directorist-checkout-card { + -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + -webkit-filter: none; + filter: none; +} +.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-color: var(--directorist-color-white); +} +.directorist-payment-gateways ul { + margin: 0; + padding: 0; +} +.directorist-payment-gateways li { + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-payment-gateways li:not(:last-child) { + margin-bottom: 15px; +} +.directorist-payment-gateways li .gateway_list { + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); +} + +.directorist-payment-action { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; +} +.directorist-payment-action .directorist-btn { + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; +} +@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 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +/*responsive css */ +@media (min-width: 992px) and (max-width: 1199px) { + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} +@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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-left: -15px; + margin-right: -15px; + } +} +@media (max-width: 767px) { + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-right: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + } + .ads-advanced .bdas-filter-actions { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-left: 0 !important; + padding-right: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: auto; + right: 0; + } +} +@media (max-width: 650px) { + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } +} +@media (max-width: 575px) { + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-right: 30px; + padding-left: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: left; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-left: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-right: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-left: 0; + margin-right: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + right: 0; + bottom: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } +} +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-left: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +@media only screen and (max-width: 1199px) { + .directorist-search-contents .directorist-search-form-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } +} +@media only screen and (max-width: 575px) { + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +@media only screen and (max-width: 479px) { + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + margin-top: 30px; + } +} +@media only screen and (max-width: 375px) { + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=all-listings.css.map*/ diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 72e2b69a4c..95df5edc3c 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -3,994 +3,1138 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ @-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + -webkit-transform: translate(50%, -50%) rotate(0deg); + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(50%, -50%) rotate(-360deg); + transform: translate(50%, -50%) rotate(-360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + -webkit-transform: translate(50%, -50%) rotate(0deg); + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(50%, -50%) rotate(-360deg); + transform: translate(50%, -50%) rotate(-360deg); + } } @-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + -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; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); -} -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1001,103 +1145,103 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; - margin-top: -15px; - min-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-top: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1112,1886 +1256,1907 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.3333333333%; } .directorist-offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.6666666667%; } .directorist-offset-3 { - margin-right: 25%; + margin-right: 25%; } .directorist-offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.3333333333%; } .directorist-offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.6666666667%; } .directorist-offset-6 { - margin-right: 50%; + margin-right: 50%; } .directorist-offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.3333333333%; } .directorist-offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.6666666667%; } .directorist-offset-9 { - margin-right: 75%; + margin-right: 75%; } .directorist-offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.3333333333%; } .directorist-offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-right: 0; - } - .directorist-offset-sm-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-right: 25%; - } - .directorist-offset-sm-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-right: 50%; - } - .directorist-offset-sm-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-right: 75%; - } - .directorist-offset-sm-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-right: 0; + } + .directorist-offset-sm-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-right: 25%; + } + .directorist-offset-sm-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-right: 50%; + } + .directorist-offset-sm-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-right: 75%; + } + .directorist-offset-sm-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-right: 0; - } - .directorist-offset-md-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-right: 25%; - } - .directorist-offset-md-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-right: 50%; - } - .directorist-offset-md-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-right: 75%; - } - .directorist-offset-md-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-right: 0; + } + .directorist-offset-md-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-right: 25%; + } + .directorist-offset-md-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-right: 50%; + } + .directorist-offset-md-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-right: 75%; + } + .directorist-offset-md-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-right: 0; - } - .directorist-offset-lg-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-right: 25%; - } - .directorist-offset-lg-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-right: 50%; - } - .directorist-offset-lg-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-right: 75%; - } - .directorist-offset-lg-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.6667%; + -ms-flex: 0 0 41.6667%; + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.3333%; + -ms-flex: 0 0 58.3333%; + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.6667%; + -ms-flex: 0 0 66.6667%; + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.3333%; + -ms-flex: 0 0 83.3333%; + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.6667%; + -ms-flex: 0 0 91.6667%; + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-right: 0; + } + .directorist-offset-lg-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-right: 25%; + } + .directorist-offset-lg-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-right: 50%; + } + .directorist-offset-lg-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-right: 75%; + } + .directorist-offset-lg-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-right: 0; - } - .directorist-offset-xl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-right: 25%; - } - .directorist-offset-xl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-right: 50%; - } - .directorist-offset-xl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-right: 75%; - } - .directorist-offset-xl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-right: 0; + } + .directorist-offset-xl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-right: 25%; + } + .directorist-offset-xl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-right: 50%; + } + .directorist-offset-xl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-right: 75%; + } + .directorist-offset-xl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-right: 0; - } - .directorist-offset-xxl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-right: 25%; - } - .directorist-offset-xxl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-right: 50%; - } - .directorist-offset-xxl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-right: 75%; - } - .directorist-offset-xxl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-right: 0; + } + .directorist-offset-xxl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-right: 25%; + } + .directorist-offset-xxl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-right: 50%; + } + .directorist-offset-xxl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-right: 75%; + } + .directorist-offset-xxl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-right: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -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; + -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; + -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; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + -webkit-transition-delay: 0; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + -webkit-box-sizing: content-box; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -3001,622 +3166,899 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3624,11 +4066,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3637,1004 +4079,1139 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); - mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4642,789 +5219,834 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); - mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - opacity: 1; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5438,48 +6060,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::-moz-selection { - background: transparent; + background: transparent; } .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5490,229 +6112,231 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5721,1741 +6345,1936 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-right: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-right: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; -} -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); -} -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + text-decoration: none; +} +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); +} +.directorist-content-active button[type="submit"].directorist-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); - mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-left: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-left: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - left: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - left: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + left: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + left: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 0 0 5px; + cursor: pointer; + margin: 0 0 0 5px; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-left: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-left: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-right: 44px; - margin-top: 2px; + padding-right: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; -} -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - right: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: relative; +} +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + right: -12px; + top: 50%; + font-size: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + -webkit-margin-after: 10px; + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + -webkit-padding-start: 52px; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7463,6947 +8282,8894 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform-style: flat; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - right: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + right: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-right: -1px; - width: 2px; - height: 5px; + margin-right: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - right: 100%; + padding: 0 10px; + height: 100%; + top: 0; + right: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-right: 25px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-right: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - right: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - right: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - left: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - left: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + right: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + right: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + left: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + left: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - right: 10px; + right: 10px; } .directorist-swiper__nav--next { - left: 10px; + left: 10px; } .directorist-swiper__nav--prev-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .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; - -webkit-transform: scale(1.4); - transform: scale(1.4); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); +} +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + -webkit-transform: scale(1.4); + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + right: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + left: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + overflow: auto; + height: auto; + display: none; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb { - border-radius: 12px; - } + .directorist-single-listing-slider-thumb { + border-radius: 12px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb { - border-radius: 8px; - } + .directorist-single-listing-slider-thumb { + border-radius: 8px; + } } .directorist-single-listing-slider-thumb .swiper-wrapper { - height: auto; + height: auto; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - } + .directorist-single-listing-slider-thumb .swiper-wrapper { + gap: 10px; + } } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide { - margin: 0 !important; - height: 90px; - } + .directorist-single-listing-slider-thumb .swiper-slide { + margin: 0 !important; + height: 90px; + } } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide img { - border-radius: 14px; - } + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 14px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide img { - border-radius: 8px; - aspect-ratio: 16/9; - } + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 8px; + aspect-ratio: 16/9; + } } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide:before { - border-radius: 12px; - } + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 12px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide:before { - border-radius: 8px; - } + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 8px; + } } -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - right: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + right: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - right: auto; - left: 0; + right: auto; + left: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - right: unset; - left: 0; - } + .directorist-dropdown__links { + right: unset; + left: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - right: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - right: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -webkit-transform: translate(50%); + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + -webkit-transform: translate(50%, -6px); + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @-webkit-keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); - mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 0 0 6px !important; + text-decoration: none; + margin: 0 0 0 6px !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-left: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-left: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: unset; + -webkit-box-direction: unset; + -webkit-flex-direction: unset; + -ms-flex-direction: unset; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-left: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-left: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-radius: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-right: 0; + margin-right: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-left: 10px; - margin-left: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-left: 10px; + margin-left: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); - mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; -} -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; +} +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-left: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-left: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - left: unset; - right: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + left: unset; + right: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - left: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + left: 15px; + top: unset; + -webkit-transform: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-left: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-left: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - right: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + right: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -webkit-box-shadow: 0 10px 15px + rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - right: 0; - visibility: visible; - opacity: 1; + right: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-left: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -webkit-box-shadow: none; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-left: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 0 0 20px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - left: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 0 0 20px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + left: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + left: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + -webkit-transform: unset; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + -webkit-transform: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + -webkit-transition: + background-color 0.3s ease, + color 0.3s ease; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - left: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + left: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-right: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-right: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-right: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-right: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-right: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-left: 5px; + margin-left: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-left: 4px; + line-height: 1; + margin-left: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-left: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-left: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: 102px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-left: 18px; - padding-right: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + height: 42px; + padding-left: 18px; + padding-right: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - right: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + right: 23px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - right: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + right: 18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + -webkit-box-sizing: content-box; + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - left: 0; - opacity: 0; - visibility: hidden; + left: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + left: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 25px 22px 22px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 25px 22px 22px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + -webkit-box-shadow: unset; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-left: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - left: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-left: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + -webkit-transform: unset; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + left: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } -} -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; + .directorist-search-form__top .directorist-search-modal__input { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-left: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-left: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-left: 1px solid var(--directorist-color-border); + border-left: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; + left: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 38px; + bottom: 8px; + top: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - left: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - left: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - right: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - left: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + right: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + left: 40px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - left: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + left: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - left: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - left: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - left: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - right: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - right: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + -webkit-transform: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + left: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + left: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-left: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-left: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-left: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-left: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-right: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-right: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-end: auto; + margin-inline-end: auto; + -webkit-padding-start: 10px; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + -webkit-padding-start: 0; + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-right: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-right: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-right: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-right: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + -webkit-animation: atbd_spin2 2s linear infinite; + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-left: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-left: 3px solid transparent; + border-radius: 50%; + -webkit-animation: 1s rotate360 linear infinite; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 25px; + margin-left: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-left: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); - mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14413,5017 +17179,6218 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - right: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - right: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + right: 0; + top: 45px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-left: 1px solid var(--directorist-color-border); + -webkit-box-flex: 30.8%; + -webkit-flex: 30.8%; + -ms-flex: 30.8%; + flex: 30.8%; + border-left: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 0 0 10px; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 0 0 10px; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + -webkit-transition: + border 0.3s ease, + color 0.3s ease; + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-padding-start: 12px; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; + -webkit-margin-start: auto; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + -webkit-padding-start: 10px; + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + -webkit-padding-start: 35px; + padding-inline-start: 35px; + -webkit-padding-end: 20px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 64px; + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - right: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - right: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(50%); - transform: translateX(50%); + -webkit-margin-start: auto; + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + right: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + right: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateX(50%); + transform: translateX(50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + -webkit-transition: 0.6s ease; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + -webkit-padding-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - right: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + -o-object-fit: cover; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + -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; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-right: 5px; - color: var(--directorist-color-info); + margin-right: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-right: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-right: 5px; + color: #2c99ff; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-left: 40px !important; + padding-left: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - left: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + left: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + -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; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-left: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-left: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-left: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-left: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__content__badges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; + width: 100%; } .directorist-content-active .directorist-listing-single__info__top__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-content-active .directorist-listing-single__info__top__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__badges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-left: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - left: 20px; - top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + position: absolute; + left: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: right; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: right; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - right: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + right: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-left: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-left: 8px; - padding-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - left: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-left: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-right: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-left: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-left: 8px; + padding-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + left: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-left: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-right: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + -webkit-transform: unset; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-left: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + word-break: break-word; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-left: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - left: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + -o-object-fit: contain; + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + -webkit-filter: blur(5px); + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + left: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 22px 0 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 22px 0 22px; } .directorist-content-active .directorist-listing-single__top__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-content-active .directorist-listing-single__top__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - right: 20px; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - right: unset; - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + right: 20px; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + right: unset; + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-right: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-right: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-right: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-right: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 10px 10px 0; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 10px 10px 0; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 2; + -webkit-flex: 2; + -ms-flex: 2; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - left: unset; - right: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - left: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + left: unset; + right: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + left: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - left: unset; - right: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - right: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - left: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + left: unset; + right: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + right: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + left: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular .directorist-icon-mask:after { - background-color: var(--directorist-color-popular-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new .directorist-icon-mask:after { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured .directorist-icon-mask:after { - background-color: var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-right: 4px; + margin-right: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); - mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); - mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); - background-color: var(--directorist-color-danger); + content: ""; + -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - left: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + left: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-left: 6px solid transparent; - border-right: 6px solid transparent; - left: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-left: 6px solid transparent; + border-right: 6px solid transparent; + left: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: right; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col { - width: 50%; +.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-archive-grid-view.directorist-archive-grid--fix + .directorist-all-listing-col { + width: 100%; + } } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-right: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-right: 10px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - right: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + right: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - right: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + right: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - right: unset; - left: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + right: unset; + left: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - right: unset; - left: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + right: unset; + left: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - direction: ltr; + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - left: 10px; - right: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + left: 10px; + right: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + -webkit-box-shadow: 0px 5px 20px + rgba(var(--directorist-color-dark-rgb), 0.33); + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - left: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + left: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-right: 10px; - margin-bottom: 10px; + margin-right: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-right: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-right: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-left: 4px; + margin-left: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-left: 8px; - margin-left: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-left: 8px; + margin-left: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-right: 5px; + margin-right: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - right: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + right: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + -webkit-box-shadow: unset; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - left: -40px !important; - top: -30px !important; - right: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + left: -40px !important; + top: -30px !important; + right: auto; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: right; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: right; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: right; + text-align: right; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); - mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - right: 0; - top: 0; + content: ""; + -webkit-mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + right: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-left: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-left: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-right: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-right: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: 120px; + text-decoration: none; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + -webkit-filter: none; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-left: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-left: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 30px 0 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-listing-single__info { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + -o-object-fit: contain; + object-fit: contain; } .directorist-single-listing-quick-action { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-action-report { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-action-report { + font-size: 0; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-action-bookmark { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-action-bookmark { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - left: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + left: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-right: 0; - margin: 0; + padding-right: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-listing-single__quick-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-listing-single__quick-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-right: 20px; - margin-right: 0; + list-style: disc; + padding-right: 20px; + margin-right: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19432,4383 +23399,5332 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-left: 10px; - width: auto; + margin-left: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; - margin-right: 0; + width: 100%; + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-right: 0; + margin-right: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-right: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-right: 12px; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + word-break: break-word; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-left: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-left: 10px; + font-size: 14px; + text-align: center; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-left: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-left: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } -} -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } +} +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-left: 10px; + display: inline-block; + vertical-align: middle; + margin-left: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-left: 10px; - margin: 0 0 0 10px; + margin-left: 10px; + margin: 0 0 0 10px; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.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-right: 20px; + display: inline-block; + margin-right: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-left: 10px; - margin-bottom: 0; + margin-left: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-left: 12px; + margin-left: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - right: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - right: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - right: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + right: 70%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + right: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + right: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-left: 5px; + margin-left: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-right: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-right: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-right: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-right: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-left: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-left: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-left: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: left; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-right: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + -webkit-box-flex: 1.5; + -webkit-flex: 1.5; + -ms-flex: 1.5; + flex: 1.5; + border-radius: 2px; + height: 5px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: left; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-right: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-left: 8px; - padding-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-right: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - right: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-left: 8px; + padding-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + -o-object-fit: cover; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-right: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + right: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-right: 0; + padding-left: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; + content: "-"; + color: #8f8e9f; + padding-left: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; + display: inline-block; + margin-left: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-left: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-left: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-right: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-right: 15px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-right: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-right: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-right: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-left: 6px; + margin-left: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-right: 0; + padding-left: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - right: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + right: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-right: 0; - padding-left: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-right: 0; + padding-left: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-right: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-right: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-webkit-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-moz-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]:-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px 5px -5px -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -5px 5px -5px -5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; + padding: 0 20px; } -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 15px !important; + margin: 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: 0.35s; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-left: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-left: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-left: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-left: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-left: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-left: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - right: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + right: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + -webkit-animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-right: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-left: 20px; + margin-left: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - right: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + right: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 16px 16px 0; + position: relative; + border-radius: 12px; + margin: 16px 16px 16px 0; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - right: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 16px; + top: 50%; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 40px 10px 18px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 40px 10px 18px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: right; + text-align: right; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-left: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-left: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-left: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - left: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - right: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-left: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-left: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-left: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-left: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-left: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + left: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + right: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-decoration: none; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-left: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-left: 0px; - margin-bottom: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-left: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-left: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - left: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-left: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + left: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-left: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-left: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-left: 2px solid var(--directorist-color-white); + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: right; - padding: 5px 15px; + text-align: right; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-left: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - right: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-left: 30px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + right: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - right: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + right: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - left: 15px; - top: 50px; + display: none; + position: absolute; + left: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-left: 0; - right: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-left: 0; + right: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-right: 25px; - text-decoration: none; + padding-right: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; + pointer-events: none; + display: inline-block; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); - mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + -webkit-transition: background 0.25s; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - right: 4px; - -webkit-transition: right 0.25s; - transition: right 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + right: 4px; + -webkit-transition: right 0.25s; + transition: right 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: -webkit-gradient( + linear, + right top, + right bottom, + from(#fff), + to(#fff) + ); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - right: 25px; + right: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-left: 6px; + margin-left: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + -webkit-box-flex: 0.4217; + -webkit-flex: 0.4217; + -ms-flex: 0.4217; + flex: 0.4217; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-right: 15px; + -webkit-box-flex: 8; + -webkit-flex: 8; + -ms-flex: 8; + flex: 8; + padding-right: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + -webkit-box-flex: 6; + -webkit-flex: 6; + -ms-flex: 6; + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-right: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-right: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: 0; + -ms-flex: 0; + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + -webkit-transition: 0.35s; + transition: 0.35s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + -webkit-transition: 0.35s; + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: right; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: right; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: left; + text-align: left; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + -webkit-filter: none; + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-right: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-right: -15px; - margin-left: -15px; - } + .ads-advanced .price-frequency { + margin-right: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-right: -15px; + margin-left: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-left: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-right: 0 !important; - padding-left: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: auto; - left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-left: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + } + .ads-advanced .bdas-filter-actions { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-right: 0 !important; + padding-left: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: auto; + left: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-left: 30px; - padding-right: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: right; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-right: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-left: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-right: 0; - margin-left: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - left: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-right: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-left: 30px; + padding-right: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: right; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-right: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-left: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-right: 0; + margin-left: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + left: 0; + bottom: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - right: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - right: auto; - left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-left: 0; - padding-left: 0; - padding-right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - left: auto; - right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + right: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + right: auto; + left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-left: 0; + padding-left: 0; + padding-right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + left: auto; + right: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-right: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-right: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-left: 0; - display: inline-block; - } -} \ No newline at end of file + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-left: 0; + display: inline-block; + } +} diff --git a/assets/css/public-main.css b/assets/css/public-main.css index cf802b8e50..0a0fd63950 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -1,9 +1,28733 @@ /*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \******************************************************************************************************************************************************************************************************************************************************************************************************/@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes atbd_spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes atbd_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes atbd_spin2{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes atbd_spin2{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.reset-pseudo-link:active,.reset-pseudo-link:focus,.reset-pseudo-link:visited{outline:none;-webkit-box-shadow:none;box-shadow:none}.cptm-shortcodes{max-height:300px;overflow:scroll}.directorist-center-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-center-content-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-center-content,.directorist-center-content-inline{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-text-right{text-align:right}.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-25{margin-bottom:25px!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}.directorist-w-100{width:100%!important;max-width:100%!important}.directorist-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-justify-content-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-justify-content-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.directorist-justify-content-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.directorist-justify-content-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack: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);-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}.directorist-content-active .entry-content .directorist-search-contents{width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-content-module{border:1px solid var(--directorist-color-border)}.directorist-content-module__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:480px){.directorist-content-module__title{padding:20px}}.directorist-content-module__title h2{margin:0!important;font-size:16px;font-weight:500;line-height:1.2}.directorist-content-module__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:40px 0;padding:30px 40px 40px;border-top:1px solid var(--directorist-color-border)}@media (max-width:480px){.directorist-content-module__contents{padding:20px}}.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap{margin-top:-30px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs{position:relative;bottom:-7px}.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor{margin:0;border:none;border-radius:5px;padding:5px 10px 12px;background:transparent;color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce{background-color:#f6f7f7}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container{border:none;border-bottom:1px solid var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input{background:transparent!important;color:var(--directorist-color-body)!important;border-color:var(--directorist-color-border)}.directorist-content-module__contents .directorist-form-description-field .wp-editor-area{border:none;resize:none;min-height:238px}.directorist-content-module__contents .directorist-form-description-field .mce-top-part:before{display:none}.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout{border:none;padding:0}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar{border:none;padding:8px 12px;border-radius:8px}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button{background:transparent}.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt{color:var(--directorist-color-body)}.directorist-content-module__contents .directorist-form-description-field .mce-statusbar{display:none}.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-module__contents .directorist-form-description-field iframe{max-width:100%}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn{width:100%;gap:10px;padding-left:40px}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i:after{width:16px;height:16px;background-color:var(--directorist-color-btn)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.directorist-content-module__contents .directorist-form-social-info-field select{color:var(--directorist-color-primary)}.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label{margin-left:0}.directorist-content-active #directorist.atbd_wrapper{max-width:100%}.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar{margin-bottom:35px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.atbd_success_mesage>p i{top:2px;margin-right:5px;position:relative;display:inline-block}.directorist-loader{position:relative}.directorist-loader:before{position:absolute;content:"";right:20px;top:31%;border-top:2px solid var(--directorist-color-white);border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);width:20px;height:20px;-webkit-animation:atbd_spin 2s linear infinite;animation:atbd_spin 2s linear infinite}.plupload-upload-uic{border:1px dashed var(--directorist-color-border-gray)}.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-color:var(--directorist-color-ss-bg-light);font-size:14px;-webkit-box-shadow:none;box-shadow:none;line-height:40px!important;padding:0 30px!important;height:auto!important;-webkit-transition:.3s ease;transition:.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,.directorist-form-address-field .address_result{position:absolute;left:0;top:100%;width:100%;max-height:345px!important;overflow-y:scroll;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.1);z-index:10}.directorist-address-field .address_result ul,.directorist-form-address-field .address_result ul{list-style:none;margin:0;padding:0;border-radius:8px}.directorist-address-field .address_result li,.directorist-form-address-field .address_result li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px;margin:0;padding:10px 20px;border-bottom:1px solid #eee}.directorist-address-field .address_result li a,.directorist-form-address-field .address_result li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:15px;font-size:14px;line-height:18px;padding:0;margin:0;color:#767792;background-color:var(--directorist-color-white);border-bottom:1px solid #d9d9d9;text-decoration:none;-webkit-transition:color .3s ease,border .3s ease;transition:color .3s ease,border .3s ease}.directorist-address-field .address_result li a:hover,.directorist-form-address-field .address_result li a:hover{color:var(--directorist-color-dark);border-bottom:1px dashed #e9e9e9}.directorist-address-field .address_result li:last-child,.directorist-address-field .address_result li:last-child a,.directorist-form-address-field .address_result li:last-child,.directorist-form-address-field .address_result li:last-child 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){.pac-container{max-width:unset;width:calc(100% - 30px)!important;left:30px!important}}.pac-container .pac-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 13px 7px;padding:0;border:none;background:unset;cursor:pointer}.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:8px;margin:0 15px 0 0;background-color:var(--directorist-color-border-gray)}.pac-container .pac-icon-marker:after{content:"";display:block;width:12px;height:20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg);mask-image:url(../images/2823e3547c32a23392a06652e69a8a71.svg)}.pac-container:after,p.status:empty{display:none}.gateway_list input[type=radio]{margin-right:5px}.directorist-checkout-form .directorist-container-fluid{-webkit-box-sizing:border-box;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}.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);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .select2-container--default .select2-search--dropdown{padding:20px 20px 10px}.directorist-content-active .select2-container--default .select2-search__field{padding:10px 18px!important;border-radius:8px;background:transparent;color:var(--directorist-color-deep-gray);border:1px solid var(--directorist-color-border-gray)!important}.directorist-content-active .select2-container--default .select2-search__field:focus{outline:0}.directorist-content-active .select2-container--default .select2-results{padding-bottom:10px}.directorist-content-active .select2-container--default .select2-results__option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding:6px 20px;color:var(--directorist-color-body);font-size:14px;line-height:1.5}.directorist-content-active .select2-container--default .select2-results__option--highlighted{font-weight:500;color:var(--directorist-color-primary)!important;background-color:transparent}.directorist-content-active .select2-container--default .select2-results__message{margin-bottom:10px!important}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-left:0;margin-top:8.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group{margin-bottom:0;padding:0}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control{height:24.5px}.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field{margin:0;max-width:none;width:100%!important;padding:0!important;border:none!important}.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:rgba(var(--directorist-color-primary-rgb),.1)!important;font-weight:400}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option{margin:0}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true]{font-weight:600;color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary-rgb),.1)}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{margin-right:12px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray)}@media (max-width:575px){.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask{width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background-color:var(--directorist-color-bg-light)}}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2{padding-left:20px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3{padding-left:40px}.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4{padding-left:60px}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered{opacity:1}.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-body)!important}.custom-checkbox input{display:none}.custom-checkbox input[type=checkbox]+.check--select+label,.custom-checkbox input[type=radio]+.radio--select+label{min-width:18px;min-height:18px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;padding-left:28px;padding-top:3px;padding-bottom:3px;margin-bottom:0;line-height:1.2;font-weight:400;color:var(--directorist-color-gray)}.custom-checkbox input[type=checkbox]+.check--select+label:before,.custom-checkbox input[type=radio]+.radio--select+label:before{position:absolute;font-size:10px;left:5px;top:5px;font-weight:900;font-family:Font Awesome\ 5 Free;content:"\f00c";display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .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-container,.directorist-container-fluid,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl,.directorist-container-xxl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:576px){.directorist-container,.directorist-container-sm{max-width:540px}}@media (min-width:768px){.directorist-container,.directorist-container-md,.directorist-container-sm{max-width:720px}}@media (min-width:992px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm{max-width:960px}}@media (min-width:1200px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl{max-width:1140px}}@media (min-width:1400px){.directorist-container,.directorist-container-lg,.directorist-container-md,.directorist-container-sm,.directorist-container-xl,.directorist-container-xxl{max-width:1320px}}.directorist-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;margin-top:-15px;min-width:100%}.directorist-row>*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:15px;padding-left:15px;margin-top:15px}.directorist-col{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.directorist-col-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:8.3333333333%}.directorist-col-2,.directorist-col-2-5,.directorist-col-3,.directorist-col-4,.directorist-col-5,.directorist-col-6,.directorist-col-7,.directorist-col-8,.directorist-col-9,.directorist-col-10,.directorist-col-11,.directorist-col-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%}.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-2,.directorist-col-2-5,.directorist-col-3,.directorist-col-4,.directorist-col-5,.directorist-col-6,.directorist-col-7,.directorist-col-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:50%}.directorist-col-sm{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-sm-auto{width:auto}.directorist-col-sm-1,.directorist-col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-1{width:8.3333333333%}.directorist-col-sm-2{width:16.6666666667%}.directorist-col-sm-2,.directorist-col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-3{width:25%}.directorist-col-sm-4{width:33.3333333333%}.directorist-col-sm-4,.directorist-col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-5{width:41.6666666667%}.directorist-col-sm-6{width:50%}.directorist-col-sm-6,.directorist-col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-7{width:58.3333333333%}.directorist-col-sm-8{width:66.6666666667%}.directorist-col-sm-8,.directorist-col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-9{width:75%}.directorist-col-sm-10{width:83.3333333333%}.directorist-col-sm-10,.directorist-col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-sm-11{width:91.6666666667%}.directorist-col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-sm-0{margin-left:0}.directorist-offset-sm-1{margin-left:8.3333333333%}.directorist-offset-sm-2{margin-left:16.6666666667%}.directorist-offset-sm-3{margin-left:25%}.directorist-offset-sm-4{margin-left:33.3333333333%}.directorist-offset-sm-5{margin-left:41.6666666667%}.directorist-offset-sm-6{margin-left:50%}.directorist-offset-sm-7{margin-left:58.3333333333%}.directorist-offset-sm-8{margin-left:66.6666666667%}.directorist-offset-sm-9{margin-left:75%}.directorist-offset-sm-10{margin-left:83.3333333333%}.directorist-offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.directorist-col-2,.directorist-col-2-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.directorist-col-md{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-md-auto{width:auto}.directorist-col-md-1,.directorist-col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-1{width:8.3333333333%}.directorist-col-md-2{width:16.6666666667%}.directorist-col-md-2,.directorist-col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-3{width:25%}.directorist-col-md-4{width:33.3333333333%}.directorist-col-md-4,.directorist-col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-5{width:41.6666666667%}.directorist-col-md-6{width:50%}.directorist-col-md-6,.directorist-col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-7{width:58.3333333333%}.directorist-col-md-8{width:66.6666666667%}.directorist-col-md-8,.directorist-col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-9{width:75%}.directorist-col-md-10{width:83.3333333333%}.directorist-col-md-10,.directorist-col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-md-11{width:91.6666666667%}.directorist-col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-md-0{margin-left:0}.directorist-offset-md-1{margin-left:8.3333333333%}.directorist-offset-md-2{margin-left:16.6666666667%}.directorist-offset-md-3{margin-left:25%}.directorist-offset-md-4{margin-left:33.3333333333%}.directorist-offset-md-5{margin-left:41.6666666667%}.directorist-offset-md-6{margin-left:50%}.directorist-offset-md-7{margin-left:58.3333333333%}.directorist-offset-md-8{margin-left:66.6666666667%}.directorist-offset-md-9{margin-left:75%}.directorist-offset-md-10{margin-left:83.3333333333%}.directorist-offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.directorist-col-2,.directorist-col-2-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.directorist-col-3,.directorist-col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.directorist-col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6667%;-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.directorist-col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333%;-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.directorist-col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6667%;-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.directorist-col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.directorist-col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333%;-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.directorist-col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6667%;-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.directorist-col-lg{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-lg-auto{width:auto}.directorist-col-lg-1,.directorist-col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-1{width:8.3333333333%}.directorist-col-lg-2{width:16.6666666667%}.directorist-col-lg-2,.directorist-col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-3{width:25%}.directorist-col-lg-4{width:33.3333333333%}.directorist-col-lg-4,.directorist-col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-5{width:41.6666666667%}.directorist-col-lg-6{width:50%}.directorist-col-lg-6,.directorist-col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-7{width:58.3333333333%}.directorist-col-lg-8{width:66.6666666667%}.directorist-col-lg-8,.directorist-col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-9{width:75%}.directorist-col-lg-10{width:83.3333333333%}.directorist-col-lg-10,.directorist-col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-lg-11{width:91.6666666667%}.directorist-col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-lg-0{margin-left:0}.directorist-offset-lg-1{margin-left:8.3333333333%}.directorist-offset-lg-2{margin-left:16.6666666667%}.directorist-offset-lg-3{margin-left:25%}.directorist-offset-lg-4{margin-left:33.3333333333%}.directorist-offset-lg-5{margin-left:41.6666666667%}.directorist-offset-lg-6{margin-left:50%}.directorist-offset-lg-7{margin-left:58.3333333333%}.directorist-offset-lg-8{margin-left:66.6666666667%}.directorist-offset-lg-9{margin-left:75%}.directorist-offset-lg-10{margin-left:83.3333333333%}.directorist-offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.directorist-col-xl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.directorist-col-xl-auto{width:auto}.directorist-col-xl-1,.directorist-col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-1{width:8.3333333333%}.directorist-col-xl-2{width:16.6666666667%}.directorist-col-2,.directorist-col-2-5,.directorist-col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-2,.directorist-col-2-5{width:20%}.directorist-col-xl-3{width:25%}.directorist-col-xl-3,.directorist-col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-4{width:33.3333333333%}.directorist-col-xl-5{width:41.6666666667%}.directorist-col-xl-5,.directorist-col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-6{width:50%}.directorist-col-xl-7{width:58.3333333333%}.directorist-col-xl-7,.directorist-col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-8{width:66.6666666667%}.directorist-col-xl-9{width:75%}.directorist-col-xl-9,.directorist-col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-10{width:83.3333333333%}.directorist-col-xl-11{width:91.6666666667%}.directorist-col-xl-11,.directorist-col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xl-12{width:100%}.directorist-offset-xl-0{margin-left:0}.directorist-offset-xl-1{margin-left:8.3333333333%}.directorist-offset-xl-2{margin-left:16.6666666667%}.directorist-offset-xl-3{margin-left:25%}.directorist-offset-xl-4{margin-left:33.3333333333%}.directorist-offset-xl-5{margin-left:41.6666666667%}.directorist-offset-xl-6{margin-left:50%}.directorist-offset-xl-7{margin-left:58.3333333333%}.directorist-offset-xl-8{margin-left:66.6666666667%}.directorist-offset-xl-9{margin-left:75%}.directorist-offset-xl-10{margin-left:83.3333333333%}.directorist-offset-xl-11{margin-left:91.6666666667%}}@media (min-width:1400px){.directorist-col-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.directorist-col-xxl{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.directorist-col-xxl-auto{width:auto}.directorist-col-xxl-1,.directorist-col-xxl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-1{width:8.3333333333%}.directorist-col-xxl-2{width:16.6666666667%}.directorist-col-xxl-2,.directorist-col-xxl-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-3{width:25%}.directorist-col-xxl-4{width:33.3333333333%}.directorist-col-xxl-4,.directorist-col-xxl-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-5{width:41.6666666667%}.directorist-col-xxl-6{width:50%}.directorist-col-xxl-6,.directorist-col-xxl-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-7{width:58.3333333333%}.directorist-col-xxl-8{width:66.6666666667%}.directorist-col-xxl-8,.directorist-col-xxl-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-9{width:75%}.directorist-col-xxl-10{width:83.3333333333%}.directorist-col-xxl-10,.directorist-col-xxl-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.directorist-col-xxl-11{width:91.6666666667%}.directorist-col-xxl-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.directorist-offset-xxl-0{margin-left:0}.directorist-offset-xxl-1{margin-left:8.3333333333%}.directorist-offset-xxl-2{margin-left:16.6666666667%}.directorist-offset-xxl-3{margin-left:25%}.directorist-offset-xxl-4{margin-left:33.3333333333%}.directorist-offset-xxl-5{margin-left:41.6666666667%}.directorist-offset-xxl-6{margin-left:50%}.directorist-offset-xxl-7{margin-left:58.3333333333%}.directorist-offset-xxl-8{margin-left:66.6666666667%}.directorist-offset-xxl-9{margin-left:75%}.directorist-offset-xxl-10{margin-left:83.3333333333%}.directorist-offset-xxl-11{margin-left:91.6666666667%}}.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}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"alpha(opacity=40)";background-color:rgba(var(--directorist-color-dark-rgb),.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;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 (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;font-weight:600;text-transform:none;margin:25px 0;line-height:40px;display:block}.sweet-alert h2,.sweet-alert p{text-align:center;position:relative;padding:0}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;text-align:inherit;float:none;margin: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;-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;-webkit-transition:padding .25s,max-height .25s;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:#fff;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(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error:after,.sweet-alert .sa-input-error:before{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%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;-webkit-box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);box-shadow:inset 0 1px 1px rgba(var(--directorist-color-dark-rgb),.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;-webkit-box-shadow:0 0 3px #c4e6f5;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{-moz-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{-ms-transition:opacity .3s .03s ease;transition:opacity .3s ease .03s;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s ease .03s;transition:opacity .3s ease .03s;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:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;font-size:17px;font-weight:500;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;-webkit-box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.05);box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb),.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{-webkit-box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.0470588) 0 0 0 1px inset!important;box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(var(--directorist-color-dark-rgb),.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;-webkit-transition-delay:0;transition-delay:0}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{-webkit-box-shadow:none!important;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 grey;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;-webkit-box-sizing:content-box;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;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:after,.sweet-alert .sa-icon.sa-success:before{content:"";border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:40px;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;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:50%;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}to{top:50%}}@keyframes slideFromTop{0%{top:0}to{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}to{top:0}}@keyframes slideToTop{0%{top:50%}to{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}to{top:50%}}@keyframes slideFromBottom{0%{top:70%}to{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}to{top:70%}}@keyframes slideToBottom{0%{top:50%}to{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}to{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}to{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}to{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}to{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)}to{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)}to{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}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{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}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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} + \******************************************************************************************************************************************************************************************************************************************************************************************************/ +/* typography */ +@-webkit-keyframes rotate360 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate360 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes atbd_spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes atbd_spin2 { + 0% { + -webkit-transform: translate(-50%, -50%) rotate(0deg); + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(-50%, -50%) rotate(360deg); + transform: translate(-50%, -50%) rotate(360deg); + } +} +@keyframes atbd_spin2 { + 0% { + -webkit-transform: translate(-50%, -50%) rotate(0deg); + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(-50%, -50%) rotate(360deg); + transform: translate(-50%, -50%) rotate(360deg); + } +} +@-webkit-keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.cptm-shortcodes { + max-height: 300px; + overflow: scroll; +} + +.directorist-center-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-center-content-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.directorist-center-content, +.directorist-center-content-inline { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.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-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; +} + +.directorist-w-100 { + width: 100% !important; + max-width: 100% !important; +} + +.directorist-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.directorist-flex-wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-align-center { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-justify-content-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-justify-content-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-justify-content-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.directorist-justify-content-start { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.directorist-justify-content-end { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: 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); + -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; +} + +.directorist-content-active .entry-content .directorist-search-contents { + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/* directorist module style */ +.directorist-content-module { + border: 1px solid var(--directorist-color-border); +} +.directorist-content-module__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media (max-width: 480px) { + .directorist-content-module__title { + padding: 20px; + } +} +.directorist-content-module__title h2 { + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; +} +.directorist-content-module__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); +} +@media (max-width: 480px) { + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; +} + +.directorist-content-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.atbd_success_mesage > p i { + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; +} + +.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; + -webkit-animation: atbd_spin 2s linear infinite; + 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-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; +} +.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, +.directorist-form-address-field .address_result { + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; +} +.directorist-address-field .address_result ul, +.directorist-form-address-field .address_result ul { + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; +} +.directorist-address-field .address_result li, +.directorist-form-address-field .address_result li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; +} +.directorist-address-field .address_result li a, +.directorist-form-address-field .address_result li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; +} +.directorist-address-field .address_result li a:hover, +.directorist-form-address-field .address_result li a:hover { + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; +} +.directorist-address-field .address_result li:last-child, +.directorist-form-address-field .address_result li:last-child { + border: none; +} +.directorist-address-field .address_result li:last-child a, +.directorist-form-address-field .address_result li:last-child 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) { + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } +} +.pac-container .pac-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; +} +.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: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); +} +.pac-container .pac-icon-marker:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.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 { + -webkit-box-sizing: border-box; + 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; +} + +.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); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; +} +.directorist-content-active .select2-container--default .select2-search__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; +} +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; +} +.directorist-content-active .select2-container--default .select2-results { + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +@media (max-width: 575px) { + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; +} + +.custom-checkbox input { + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); +} + +.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; + -webkit-box-sizing: border-box; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; + margin-top: -15px; + min-width: 100%; +} + +.directorist-row > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-top: 15px; +} + +.directorist-col { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; +} + +.directorist-col-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} + +.directorist-col-1 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 8.3333333333%; +} + +.directorist-col-2-5, +.directorist-col-2, +.directorist-col-3, +.directorist-col-4, +.directorist-col-5, +.directorist-col-6, +.directorist-col-7, +.directorist-col-8, +.directorist-col-9, +.directorist-col-10, +.directorist-col-11, +.directorist-col-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 100%; +} + +.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-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-left: 0; + } + .directorist-offset-sm-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-left: 25%; + } + .directorist-offset-sm-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-left: 50%; + } + .directorist-offset-sm-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-left: 75%; + } + .directorist-offset-sm-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 768px) { + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-left: 0; + } + .directorist-offset-md-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-left: 25%; + } + .directorist-offset-md-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-left: 50%; + } + .directorist-offset-md-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-left: 75%; + } + .directorist-offset-md-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 992px) { + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.6667%; + -ms-flex: 0 0 41.6667%; + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.3333%; + -ms-flex: 0 0 58.3333%; + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.6667%; + -ms-flex: 0 0 66.6667%; + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.3333%; + -ms-flex: 0 0 83.3333%; + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.6667%; + -ms-flex: 0 0 91.6667%; + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-left: 0; + } + .directorist-offset-lg-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-left: 25%; + } + .directorist-offset-lg-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-left: 50%; + } + .directorist-offset-lg-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-left: 75%; + } + .directorist-offset-lg-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1200px) { + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-left: 0; + } + .directorist-offset-xl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-left: 25%; + } + .directorist-offset-xl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-left: 50%; + } + .directorist-offset-xl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-left: 75%; + } + .directorist-offset-xl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-left: 91.6666666667%; + } +} +@media (min-width: 1400px) { + .directorist-col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-left: 0; + } + .directorist-offset-xxl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-left: 25%; + } + .directorist-offset-xxl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-left: 50%; + } + .directorist-offset-xxl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-left: 75%; + } + .directorist-offset-xxl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-left: 91.6666666667%; + } +} +/* 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(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 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; +} + +.sweet-alert .sa-error-container.show { + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; +} + +.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 0.1s; + transition: all 0.1s; +} + +.sweet-alert .sa-input-error::before, +.sweet-alert .sa-input-error::after { + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; +} + +.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%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.sweet-alert input:focus { + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; +} + +.sweet-alert button:focus { + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); +} + +.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 { + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; +} + +.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; + -webkit-transition-delay: 0; + transition-delay: 0; +} + +.sweet-alert button::-moz-focus-inner { + border: 0; +} + +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + 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; + -webkit-box-sizing: content-box; + 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; + 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; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.sweet-alert .sa-icon.sa-success::before { + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; +} + +.sweet-alert .sa-icon.sa-success::after { + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; +} + +.sweet-alert .sa-icon.sa-success .sa-placeholder { + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; +} + +.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 0.3s; + animation: showSweetAlert 0.3s; +} + +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; +} + +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; +} + +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; +} + +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; +} + +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; +} + +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; +} + +@-webkit-keyframes animateSuccessTip { + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } +} +@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 0.75s; + animation: animateSuccessTip 0.75s; +} + +.animateSuccessLong { + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; +} + +.sa-icon.sa-success.animate::after { + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; +} + +@-webkit-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 0.5s; + animation: animateErrorIcon 0.5s; +} + +@-webkit-keyframes animateXMark { + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } +} +@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 0.5s; + animation: animateXMark 0.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 0.75s infinite alternate; + animation: pulseWarning 0.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 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; +} + +@-webkit-keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate-loading { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + 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;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}.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;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@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}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}.directorist-add-listing-types{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-types__single{margin-bottom:15px}.directorist-add-listing-types__single__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--directorist-color-white);color:var(--directorist-color-primary);font-size:16px;font-weight:500;line-height:20px;text-align:center;padding:40px 25px;border-radius:12px;text-decoration:none!important;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-transition:background .2s ease;transition:background .2s ease}.directorist-add-listing-types__single__link,.directorist-add-listing-types__single__link .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-add-listing-types__single__link .directorist-icon-mask{height:70px;width:70px;background-color:var(--directorist-color-primary);border-radius:100%;margin-bottom:20px;-webkit-transition:color .2s ease,background .2s ease;transition:color .2s ease,background .2s ease}.directorist-add-listing-types__single__link .directorist-icon-mask:after{width:25px;height:25px;background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask{background-color:var(--directorist-color-white)}.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-add-listing-types__single__link>i:not(.directorist-icon-mask){display:inline-block;margin-bottom:10px}.directorist-add-listing-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-add-listing-form .directorist-content-module{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-add-listing-form .directorist-content-module__title i{background-color:var(--directorist-color-primary)}.directorist-add-listing-form .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}.directorist-add-listing-form .directorist-alert-required{display:block;margin-top:5px;color:#e80000;font-size:13px}.directorist-add-listing-form__privacy a{color:var(--directorist-color-info)}#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:35px;border-radius:12px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module,.directorist-add-listing-form .directorist-content-module{margin-bottom:20px}}#directiost-listing-fields_wrapper .directorist-content-module__title,.directorist-add-listing-form .directorist-content-module__title{gap:15px;min-height:66px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#directiost-listing-fields_wrapper .directorist-content-module__title i,.directorist-add-listing-form .directorist-content-module__title i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:100%}#directiost-listing-fields_wrapper .directorist-content-module__title i:after,.directorist-add-listing-form .directorist-content-module__title i:after{width:16px;height:16px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade{padding:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address],.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade>input[name=address]{padding-left:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before{width:15px;height:15px;left:unset;right:0;top:46px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after{height:40px;top:26px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child{margin:0 0 40px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select{font-size:14px;font-weight:500;color:var(--directorist-color-dark)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item{font-size:14px;font-weight:400;color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:480px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input{gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder{font-weight:400}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer;border-radius:100%;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-light)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i:after{width:12px;height:12px;background-color:var(--directorist-color-light-gray)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after,.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module{background-color:var(--directorist-color-white);border-radius:0;border:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title{padding:20px 30px;border-bottom:1px solid #e3e6ef}#directiost-listing-fields_wrapper .directorist-content-module__title i{background-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module__title i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields{margin:0 0 25px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove{background-color:#ededed!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i:after{background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover{background-color:var(--directorist-color-primary)!important}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title{cursor:auto}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before{display:none}#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{padding:30px 40px 40px}@media (max-width:991px){#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents{height:auto;opacity:1;padding:20px;visibility:visible}}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label{margin-bottom:10px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element{position:relative;height:42px;padding:15px 20px;font-size:14px;font-weight:400;border-radius:5px;width:100%;border:1px solid #ececec;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix{height:42px;line-height:42px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field,#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element{padding-top:0;padding-bottom:0}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:after{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:3px;content:"";border:1px solid #c6d0dc;background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:7px;top:7px;width:6px;height:6px;border-radius:50%;background-color:var(--directorist-color-primary);border:0;-webkit-mask-image:none;mask-image:none;z-index:2;content:""}#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;border:none;background-color:var(--directorist-color-white);display:block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic{padding:30px;text-align:center;border-radius:5px;border:1px dashed #dbdee9}#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i:after{width:50px;height:45px;background-color:grey}#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper~.directorist-form-description{text-align:center}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn{width:auto;padding:11px 26px;background-color:#444752;color:var(--directorist-color-white);border-radius:5px}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i:after{background-color:var(--directorist-color-white)}#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap{border-radius:0}.directorist-form-label{display:block;color:var(--directorist-color-dark);margin-bottom:5px;font-size:14px;font-weight:500}.directorist-custom-field-checkbox>.directorist-form-label,.directorist-custom-field-file-upload>.directorist-form-label,.directorist-custom-field-radio>.directorist-form-label,.directorist-form-image-upload-field>.directorist-form-label,.directorist-form-pricing-field.price-type-both>.directorist-form-label,.directorist-form-social-info-field>.directorist-form-label{margin-bottom:18px}.directorist-form-listing-type{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media (max-width:767px){.directorist-form-listing-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-form-listing-type .directorist-form-label{font-size:14px;font-weight:500;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:0}.directorist-form-listing-type__single{-webkit-box-flex:0;-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}.directorist-form-listing-type__single.directorist-radio{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label{width:100%;height:100%;font-size:14px;font-weight:500;padding:25px 25px 25px 55px;border-radius:12px;color:var(--directorist-color-body);border:3px solid var(--directorist-color-border-gray);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label small{display:block;margin-top:5px;font-weight:400;color:var(--directorist-color-success)}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:before{left:29px;top:29px}.directorist-form-listing-type .directorist-radio input[type=radio]+.directorist-radio__label:after{left:25px;top:25px;width:18px;height:18px}.directorist-form-listing-type .directorist-radio input[type=radio]:checked+.directorist-radio__label{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-form-pricing-field__options{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 20px}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:14px;font-weight:400;min-height:18px;padding-left:27px;color:var(--directorist-color-body)}.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label{font-weight:500;color:var(--directorist-color-dark)}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:after{top:3px;left:3px;width:14px;height:14px;border-radius:100%;border:2px solid #c6d0dc}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:before{left:0;top:0;width:8px;height:8px;-webkit-mask-image:none;mask-image:none;background-color:var(--directorist-color-white);border-radius:100%;border:5px solid var(--directorist-color-primary);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox]+.directorist-checkbox__label:checked:after{opacity:0}.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}.directorist-select-multi select{display:none}#directorist-location-select{z-index:113!important}#directorist-tag-select{z-index:112!important}#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}.directorist-hide-owner-field.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label{font-size:15px;font-weight:700}.directorist-map-coordinate{margin-top:20px}.directorist-map-coordinates{padding:0 0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-map-coordinates .directorist-form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:290px}.directorist-map-coordinates__generate{-webkit-box-flex:0!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}.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:12px}.directorist-form-map-field__maps #gmap #gmap_full_screen_button,.directorist-form-map-field__maps #gmap .gm-fullscreen-control{display:none}.directorist-form-map-field__maps #gmap div[role=img]{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px!important;height:50px!important;cursor:pointer;border-radius:100%;overflow:visible!important}.directorist-form-map-field__maps #gmap div[role=img]>img{position:relative;z-index:1;width:100%!important;height:100%!important;border-radius:100%;background-color:var(--directorist-color-primary)}.directorist-form-map-field__maps #gmap div[role=img]:before{content:"";position:absolute;left:-25px;top:-25px;width:0;height:0;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;border:50px solid rgba(var(--directorist-color-dark-rgb),.2);opacity:0;visibility:hidden;-webkit-animation:atbd_scale 3s linear infinite alternate;animation:atbd_scale 3s linear infinite alternate}.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(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon{margin:0;display:inline-block;width:13px!important;height:13px!important;background-color:unset}.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after,.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before{display:none}.directorist-form-map-field__maps #gmap div[role=img]:hover:before{opacity:1;visibility:visible}.directorist-form-map-field .map_drag_info{display:none}.directorist-form-map-field .atbd_map_shape{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:100%}.directorist-form-map-field .atbd_map_shape:before{content:"";position:absolute;left:-20px;top:-20px;width:0;height:0;opacity:0;visibility:hidden;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none}.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-marker-icon);-webkit-mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg);mask-image:url(../images/ed83bad2b8ea2a7680575ff079fc63af.svg)}.directorist-form-map-field .atbd_map_shape:hover:before{opacity:1;visibility:visible}.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}.directorist-form-image-upload-field .ez-media-uploader.ezmu--show{margin-bottom:120px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section{display:block}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;height:auto;margin-bottom:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload{background:unset;-webkit-filter:unset;filter:unset;width:auto}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i:after{width:90px;height:80px;background-color:var(--directorist-color-border-gray)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons{margin-top:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:0 17px 0 35px;margin:10px 0;height:40px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px;background:var(--directorist-color-primary);color:var(--directorist-color-white);text-align:center;font-size:13px;font-weight:500;line-height:14px;cursor:pointer}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before{position:absolute;left:17px;top:13px;content:"";-webkit-mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);mask-image:url(../images/82bc0acb0537c9331637ee2319728e40.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:14px;height:14px;background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover{opacity:.85}.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p{margin:0}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show{position:absolute;top:calc(100% + 22px);left:0;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap{display:none;height:76px;width:100px;border-radius:8px;background-color:var(--directorist-color-bg-gray)!important;border:2px dashed var(--directorist-color-border-gray)!important}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn{padding:0;width:30px;height:30px;font-size:0;position:relative}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before{content:"";position:absolute;width:30px;height:30px;left:0;z-index:2;background-color:var(--directorist-color-border-gray);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg);mask-image:url(../images/6af1e9612a6d7346e1366489fb9fac45.svg)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item{width:175px;min-width:175px;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset;flex-basis:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon{background-image:unset}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask:after{width:12px;height:12px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button{width:20px;height:25px;background-size:8px}.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text{padding:0 5px;height:25px;line-height:25px}.directorist-form-image-upload-field .ezmu__info-list-item:empty{display:none}.directorist-add-listing-wrapper{max-width:1000px!important;margin:0 auto}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back{position:relative;height:100px;width:100%}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img{-o-object-fit:cover;object-fit:cover}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--directorist-color-dark-rgb),.5);opacity:0;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before{opacity:1;visibility:visible}.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1{font-size:20px;font-weight:500;margin:0}.directorist-add-listing-wrapper .ezmu__btn{margin-bottom:25px;background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn{pointer-events:none;opacity:.7}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight{position:relative}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:#ddd;cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after{content:"Maximum Files Uploaded";font-size:18px;font-weight:700;color:#ef0000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:no-drop;z-index:9999}.directorist-add-listing-wrapper .ezmu__info-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;margin:15px 0 0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item{margin:0}.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before{width:16px;height:16px;background-image:url(../images/83eed1a628ff52c2adf977f50ac7adb4.svg)}.directorist-add-listing-form__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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-radius:50%;border:2px solid #f3f3f3;border-top-color:#656a7a;width:20px;height:20px;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite;display:inline-block;margin:0 0 0 10px;position:relative;top:4px}.directorist-add-listing-form__action label{line-height:1.25;margin-bottom:0}.directorist-add-listing-form__action #listing_notifier{padding:18px 40px 33px;font-size:14px;font-weight:600;color:var(--directorist-color-danger);border-top:1px solid var(--directorist-color-border)}.directorist-add-listing-form__action #listing_notifier:empty{display:none}.directorist-add-listing-form__action #listing_notifier .atbdp_success{color:var(--directorist-color-success)}.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{margin:0;padding:30px 40px 0;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width:576px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 0 0}.directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy,.directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy{padding:30px 30px 0}}@media only screen and (max-width:480px){.directorist-add-listing-form__action .directorist-checkbox,.directorist-add-listing-form__action .directorist-form-group{padding:30px 20px 0}}.directorist-add-listing-form__action .directorist-checkbox label,.directorist-add-listing-form__action .directorist-form-group label{font-size:14px;font-weight:500;margin:0 0 10px}.directorist-add-listing-form__action .directorist-checkbox label a,.directorist-add-listing-form__action .directorist-form-group label a{color:var(--directorist-color-info)}.directorist-add-listing-form__action .directorist-checkbox #guest_user_email,.directorist-add-listing-form__action .directorist-form-group #guest_user_email{margin:0 0 10px}.directorist-add-listing-form__action .directorist-form-required{padding-left:5px}.directorist-add-listing-form__publish{padding:100px 20px;margin-bottom:0;text-align:center}@media only screen and (max-width:576px){.directorist-add-listing-form__publish{padding:70px 20px}}@media only screen and (max-width:480px){.directorist-add-listing-form__publish{padding:50px 20px}}.directorist-add-listing-form__publish__icon i{width:70px;height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;margin:0 auto 25px;background-color:var(--directorist-color-light)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i{margin-bottom:20px}}.directorist-add-listing-form__publish__icon i:after{width:30px;height:30px;background-color:var(--directorist-color-primary)}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__icon i:after{width:25px;height:25px;width:22px;height:22px}}.directorist-add-listing-form__publish__title{font-size:24px;font-weight:600;margin:0 0 10px}@media only screen and (max-width:480px){.directorist-add-listing-form__publish__title{font-size:22px}}.directorist-add-listing-form__publish__subtitle{font-size:15px;color:var(--directorist-color-body);margin:0}.directorist-add-listing-form .directorist-form-group textarea{padding:10px 0;background:transparent}.directorist-add-listing-form .atbd_map_shape{width:50px;height:50px}.directorist-add-listing-form .atbd_map_shape:before{left:-25px;top:-25px;border:50px solid rgba(var(--directorist-color-marker-shape-rgb),.2)}.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px}.directorist-custom-field-select select.directorist-form-element{padding-top:0;padding-bottom:0}.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}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.4705882353);width:100%;height:100%;position:absolute;overflow:auto;top:0;left:0;right:0;bottom:0;padding:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e4e4e4}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-form-privacy a,.directorist-form-terms a{text-decoration:none}.add_listing_form_wrapper .hide-if-no-js{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#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:var(--directorist-color-white)}#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents{padding-top:20px}.directorist-custom-field-checkbox,.directorist-custom-field-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0 10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-checkbox .directorist-form-description,.directorist-custom-field-checkbox .directorist-form-label,.directorist-custom-field-radio .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-form-description,.directorist-custom-field-radio .directorist-form-label{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%}@media only screen and (max-width:767px){.directorist-custom-field-checkbox .directorist-checkbox,.directorist-custom-field-checkbox .directorist-radio,.directorist-custom-field-radio .directorist-checkbox,.directorist-custom-field-radio .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-custom-field-checkbox .directorist-custom-field-btn-more,.directorist-custom-field-radio .directorist-custom-field-btn-more{margin-top:5px}.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after,.directorist-custom-field-radio .directorist-custom-field-btn-more:after{content:"";display:inline-block;margin-left:5px;-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);width:12px;height:12px;background-color:var(--directorist-color-body)}.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after,.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after{-webkit-mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg)}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered{height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li{margin:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input{margin-top:0}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline{width:auto}.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child{width:inherit}.multistep-wizard{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px}@media only screen and (max-width:991px){.multistep-wizard{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.multistep-wizard__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100vh;min-width:270px;max-width:270px;overflow-y:auto}.multistep-wizard__nav.sticky{position:fixed;top:0}.multistep-wizard__nav__btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;width:270px;min-height:36px;padding:7px 16px;outline:none;cursor:pointer;font-size:14px;font-weight:400;border-radius:8px;text-decoration:none!important;color:var(--directorist-color-light-gray);background-color:transparent;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease;transition:background .2s ease,color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}@media only screen and (max-width:991px){.multistep-wizard__nav__btn{width:100%}}.multistep-wizard__nav__btn i{min-width:36px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;background-color:#ededed}.multistep-wizard__nav__btn i:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.multistep-wizard__nav__btn:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);mask-image:url(../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-light-gray);display:block;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:2}.multistep-wizard__nav__btn.active,.multistep-wizard__nav__btn:hover{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border-color:var(--directorist-color-border-light);background-color:var(--directorist-color-white);outline:none}.multistep-wizard__nav__btn.active:before,.multistep-wizard__nav__btn:hover:before{opacity:1}.multistep-wizard__nav__btn:focus{outline:none;font-weight:600;color:var(--directorist-color-primary)}.multistep-wizard__nav__btn:focus:before,.multistep-wizard__nav__btn:focus i:after{background-color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed{color:var(--directorist-color-primary)}.multistep-wizard__nav__btn.completed:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);opacity:1}.multistep-wizard__nav__btn.completed i:after{background-color:var(--directorist-color-primary)}@media only screen and (max-width:991px){.multistep-wizard__nav{display:none}}.multistep-wizard__content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.multistep-wizard__single{border-radius:12px;background-color:var(--directorist-color-white)}.multistep-wizard__single label{display:block}.multistep-wizard__single span.required{color:var(--directorist-color-danger)}@media only screen and (max-width:991px){.multistep-wizard__single .directorist-content-module__title{position:relative;cursor:pointer}.multistep-wizard__single .directorist-content-module__title h2{-webkit-padding-end:20px;padding-inline-end:20px}.multistep-wizard__single .directorist-content-module__title:before{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";-webkit-mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);mask-image:url(../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-dark)}.multistep-wizard__single .directorist-content-module__title.opened:before{-webkit-mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg);mask-image:url(../images/e9f5f62f416fee88e3f2d027b8b705da.svg)}.multistep-wizard__single .directorist-content-module__contents{height:0;opacity:0;padding:0;visibility:hidden;-webkit-transition:padding-top .3s ease;transition:padding-top .3s ease}.multistep-wizard__single .directorist-content-module__contents.active{height:auto;opacity:1;padding:20px;visibility:visible}}.multistep-wizard__progressbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-top:50px;border-radius:8px}.multistep-wizard__progressbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--directorist-color-border);border-radius:8px;-webkit-transition:width .3s ease-in-out;transition:width .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:8px;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.multistep-wizard__bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}@media only screen and (max-width:575px){.multistep-wizard__bottom{gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.multistep-wizard__btn{width:200px;height:54px;gap:12px;border:none;outline:none;cursor:pointer;background-color:var(--directorist-color-light)}.multistep-wizard__btn.directorist-btn{color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn i:after{background-color:var(--directorist-color-body)}.multistep-wizard__btn.directorist-btn:focus,.multistep-wizard__btn.directorist-btn:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.multistep-wizard__btn.directorist-btn:focus i:after,.multistep-wizard__btn.directorist-btn:hover i:after{background-color:var(--directorist-color-white)}.multistep-wizard__btn[disabled=disabled],.multistep-wizard__btn[disabled=true]{color:var(--directorist-color-light-gray);pointer-events:none}.multistep-wizard__btn[disabled=disabled] i:after,.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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.multistep-wizard__count{font-size:15px;font-weight:500}@media only screen and (max-width:575px){.multistep-wizard__count{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}}.multistep-wizard .default-add-listing-bottom{display:none}.multistep-wizard.default-add-listing .multistep-wizard__single{display:block!important}.multistep-wizard.default-add-listing .multistep-wizard__bottom,.multistep-wizard.default-add-listing .multistep-wizard__progressbar{display:none!important}.multistep-wizard.default-add-listing .default-add-listing-bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:35px 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn{width:100%;height:54px}.logged-in .multistep-wizard__nav.sticky{top:32px}@keyframes atbd_scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}#directorist_submit_privacy_policy{display:block;opacity:0;width:0;height:0;margin:0;padding:0;border:none}#directorist_submit_privacy_policy:after{display:none}.upload-error{display:block!important;clear:both;background-color:#fcd9d9;color:#e80000;font-size:16px;word-break:break-word;border-radius:3px;padding:15px 20px}#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,.filelist{width:100%}.filelist .file{padding:5px;background-color:#ececec;border:1px solid #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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:20px}#custom-filedropbox,.directorist-custom-field-file-upload__wrapper>div,.plupload-upload-uic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plupload-upload-uic{width:200px;height:150px;padding:0;gap:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:12px;margin:0!important;background-color:var(--directorist-color-bg-gray);border:2px dashed var(--directorist-color-border-gray)}.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)}@media (max-width:575px){.plupload-upload-uic{width:100%;height:200px}}.plupload-thumbs{clear:both;overflow:hidden}.plupload-thumbs .thumb{position:relative;height:150px;width:200px;border-radius:12px}.plupload-thumbs .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.plupload-thumbs .thumb:hover .atbdp-thumb-actions:before{opacity:1;visibility:visible}@media (max-width:575px){.plupload-thumbs .thumb{width:100%;height:200px}}.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-color:#ff385c;height:32px;width:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer;-webkit-transition:.3s ease;transition:.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:.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:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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-caption-preview,.plupload-thumbs .atbdp-title-preview{position:absolute;top:10px;left:5px;font-size:10px;line-height:10px;padding:1px;background:hsla(0,0%,100%,.5);z-index:2;overflow:hidden;height:10px}.plupload-thumbs .atbdp-caption-preview{top:auto;bottom:10px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{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;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,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.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}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{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}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background-color:#ddd;outline:0}.leaflet-container .map-listing-card-single__content a,.leaflet-container a{color:#404040}.leaflet-container a.leaflet-active{outline:2px solid #fa8b0c}.leaflet-zoom-box{border:2px dotted var(--directorist-color-info);background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.65);box-shadow:0 1px 5px rgba(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:#000}.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}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);background-color:var(--directorist-color-white);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-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{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}.leaflet-container .leaflet-control-attribution{background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--directorist-color-white);background:hsla(0,0%,100%,.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-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.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);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(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:700;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-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{border:1px solid #666}.leaflet-div-icon,.leaflet-tooltip{background-color:var(--directorist-color-white)}.leaflet-tooltip{position:absolute;padding:6px;border:1px solid var(--directorist-color-white);border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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)}.directorist-content-active #map{position:relative;width:100%;height:660px;border:none;z-index:1}.directorist-content-active #gmap_full_screen_button{position:absolute;top:20px;right:20px;z-index:999;width:50px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:var(--directorist-color-white);cursor:pointer}.directorist-content-active #gmap_full_screen_button i:after{width:22px;height:22px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--directorist-color-dark)}.directorist-content-active #gmap_full_screen_button .fullscreen-disable{display:none}.directorist-content-active #progress{display:none;position:absolute;z-index:1000;left:400px;top:300px;width:200px;height:20px;margin-top:-20px;margin-left:-100px;background-color:var(--directorist-color-white);background-color:hsla(0,0%,100%,.7);border-radius:4px;padding:2px}.directorist-content-active #progress-bar{width:0;height:100%;background-color:#76a6fc;border-radius:4px}.directorist-content-active .gm-fullscreen-control{width:50px!important;height:50px!important;margin:20px!important;border-radius:10px!important;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.26)!important;box-shadow:0 2px 20px rgba(0,0,0,.26)!important}.directorist-content-active .gmnoprint{border-radius:5px}.directorist-content-active .gm-style-cc,.directorist-content-active .gm-style-mtc-bbw,.directorist-content-active button.gm-svpc{display:none}.directorist-content-active .italic{font-style:italic}.directorist-content-active .buttonsTable{border:1px solid grey;border-collapse:collapse}.directorist-content-active .buttonsTable td,.directorist-content-active .buttonsTable th{padding:8px;border:1px solid grey}.directorist-content-active .version-disabled{text-decoration:line-through}.directorist-form-group .wp-picker-container .button{position:relative;height:40px;border:0;width:140px;padding:0;font-size:14px;font-weight:500;-webkit-transition:.3s ease;transition:.3s ease;border-radius:8px;cursor:pointer}.directorist-form-group .wp-picker-container .button:hover{color:var(--directorist-color-white);background:rgba(var(--directorist-color-dark-rgb),.7)}.directorist-form-group .wp-picker-container .button .wp-color-result-text{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:auto;min-width:100px;padding:0 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-size:14px;text-transform:capitalize;background-color:#f7f7f7;color:var(--directorist-color-body)}.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;border:none}.directorist-form-group .wp-picker-container .hidden{display:none}.directorist-form-group .wp-picker-container .wp-picker-open+.wp-picker-input-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:10px 0}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap{padding:15px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden,.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text{display:none}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label{width:90px;margin:0}.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label+.button{margin-left:10px;padding-top:0;padding-bottom:0;font-size:15px}.directorist-show{display:block!important}.directorist-d-none,.directorist-hide{display:none!important}.directorist-text-center{text-align:center}.directorist-content-active .entry-content ul{margin:0;padding:0}.directorist-content-active .entry-content a{text-decoration:none}.directorist-content-active .entry-content .directorist-search-modal__contents__title{margin:0;padding:0;color:var(--directorist-color-dark)}.directorist-content-active button[type=submit].directorist-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-container-fluid>.directorist-container-fluid{padding-left:0;padding-right:0}.directorist-announcement-wrapper .directorist_not-found p{margin-bottom:0}.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below{top:0;border-color:var(--directorist-color-border)}.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below{top:32px}.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear{display:none}.directorist-content-active .select2.select2-container.select2-container--default{width:100%!important}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection{min-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;padding:5px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--directorist-color-border-gray)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus{border-color:var(--directorist-color-primary);outline:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice{height:28px;line-height:28px;font-size:12px;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;padding:0 10px;border-radius:8px;color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove{position:relative;width:12px;margin:0;font-size:0;color:var(--directorist-color-white)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before{content:"";-webkit-mask-image:url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);mask-image:url(../images/4ff79f85f2a1666e0f80c7ca71039465.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:var(--directorist-color-white);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;height:auto;line-height:30px;font-size:14px;overflow-y:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0!important;-ms-overflow-style:none;scrollbar-width:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar{display:none}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear{padding-right:25px}.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b{display:none}.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection{border:none;border-bottom:2px solid var(--directorist-color-primary)!important}.directorist-content-active .select2-container.select2-container--open{z-index:99999}@media only screen and (max-width:575px){.directorist-content-active .select2-container.select2-container--open{width:calc(100% - 40px)}}.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b{margin-top:0}.directorist-content-active .select2-container .directorist-select2-addons-area{top:unset;bottom:20px;right:0}.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{position:absolute;right:0;padding:0;width:auto;pointer-events:none}.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close{position:absolute;right:15px;padding:0;display:none}#recover-pass-modal{display:none}.directorist-login-wrapper #recover-pass-modal .directorist-btn{margin-top:15px}.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover{text-decoration:none}body.modal-overlay-enabled{position:relative}body.modal-overlay-enabled:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(var(--directorist-color-dark-rgb),.05);z-index:1}.directorist-widget{margin-bottom:25px}.directorist-widget .directorist-card__header.directorist-widget__header{padding:20px 25px}.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-widget .directorist-card__body.directorist-widget__body{padding:20px 30px}.directorist-sidebar .directorist-card{margin-bottom:25px}.directorist-sidebar .directorist-card ul{padding:0;margin:0;list-style:none}.directorist-sidebar .directorist-card .directorist-author-social{padding:22px 0 0}.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul{padding:0}.directorist-sidebar .directorist-card .tagcloud{margin:0;padding:25px}.directorist-sidebar .directorist-card a{text-decoration:none}.directorist-sidebar .directorist-card select{width:100%;height:40px;padding:8px 0;border-radius:0;font-size:15px;font-weight:400;outline:none;border:none;border-bottom:1px solid var(--directorist-color-border);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.directorist-sidebar .directorist-card select:focus{border-color:var(--directorist-color-dark)}.directorist-sidebar .directorist-card__header__title{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-widget__listing-contact .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element{height:46px;padding:8px 16px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus{border:1px solid var(--directorist-color-dark)}.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix{height:46px;line-height:46px}.directorist-widget__listing-contact .directorist-form-group textarea{min-height:130px!important;resize:none}.directorist-widget__listing-contact .directorist-btn,.directorist-widget__submit-listing .directorist-btn{width:100%}.directorist-widget__author-info figure{margin:0}.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:12px}.directorist-widget-listing__single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px}.directorist-widget-listing__single:not(:last-child){margin-bottom:25px}.directorist-widget-listing__image{width:70px;height:70px}.directorist-widget-listing__image a:focus{outline:none}.directorist-widget-listing__image img{width:100%;height:100%;border-radius:10px}.directorist-widget-listing__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-listing__content .directorist-widget-listing__title{font-size:15px;font-weight:500;line-height:1;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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-widget-listing__content .directorist-widget-listing__meta,.directorist-widget-listing__content .directorist-widget-listing__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:10px}.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-widget .directorist-widget-list li:not(:last-child){margin-bottom:10px}.directorist-widget .directorist-widget-list li span.fa,.directorist-widget .directorist-widget-list li span.la{cursor:pointer;margin:0 5px 0 0}.directorist-widget .directorist-widget-list .directorist-widget-list__icon{font-size:12px;display:inline-block;margin-right:10px;line-height:28px;width:28px;text-align:center;background-color:#f1f3f8;color:#9299b8;border-radius:50%}.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;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-widget-taxonomy .directorist-taxonomy-list-one{-webkit-margin-after:10px;margin-block-end:10px}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card{background:none;padding:0;min-height:auto}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span{font-weight:var(--directorist-fw-normal)}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty{display:none}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask{background-color:var(--directorist-color-light)}.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default{width:40px;height:40px;border-radius:50%;background-color:var(--directorist-color-light);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--directorist-color-primary);display:block}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{background:none;padding-bottom:0;-webkit-padding-start:52px;padding-inline-start:52px}.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item{-webkit-padding-start:25px;padding-inline-start:25px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.directorist-widget-tags li{list-style:none;padding:0;margin:0}.directorist-widget-tags a{display:block;font-size:15px;font-weight:400;padding:5px 15px;text-decoration:none;color:var(--directorist-color-body);border:1px solid var(--directorist-color-border);border-radius:var(--directorist-border-radius-xs);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.directorist-widget-tags a:hover{color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-widget-advanced-search .directorist-search-form__box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action{margin-top:25px}.directorist-widget-advanced-search .directorist-search-form-top{width:100%}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input{width:100%}.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field{border:0}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{position:unset;-webkit-transform:unset;transform:unset;display:block;margin:0 0 15px}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:none}.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper,.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper,.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags{gap:10px;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-widget-advanced-search .directorist-search-form .directorist-search-field>label{display:block;margin:0 0 15px;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value>label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label,.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused>label{font-size:16px;font-weight:500}.directorist-widget-advanced-search .directorist-checkbox-rating{padding:0}.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:15px}.directorist-widget-advanced-search .directorist-btn-ml{display:block;font-size:13px;font-weight:500;margin-top:10px;color:var(--directorist-color-body)}.directorist-widget-advanced-search .directorist-btn-ml:hover{color:var(--directorist-color-primary)}.directorist-widget-advanced-search .directorist-advanced-filter__action{padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn{height:46px;font-size:14px;font-weight:400}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js{height:46px;padding:0 32px;font-size:14px;font-weight:400;letter-spacing:0;border-radius:8px;text-decoration:none;text-transform:capitalize;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus{outline:none}.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.directorist-widget-authentication form{margin-bottom:15px}.directorist-widget-authentication p input:not(input[type=checkbox]),.directorist-widget-authentication p label{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:8px;border:1px solid var(--directorist-color-border);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-widget-authentication .login-submit button{cursor:pointer}.directorist-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-size:14px;font-weight:500;vertical-align:middle;text-transform:capitalize;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 26px;min-height:45px;line-height:1.5;border-radius:8px;border:1px solid var(--directorist-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;background-color:var(--directorist-color-primary);color:var(--directorist-color-white);-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none!important}.directorist-btn .directorist-icon-mask:after{background-color:currentColor;width:16px;height:16px}.directorist-btn.directorist-btn--add-listing,.directorist-btn.directorist-btn--logout{line-height:43px}.directorist-btn:focus,.directorist-btn:hover{color:var(--directorist-color-white);outline:0!important;background-color:rgba(var(--directorist-color-primary-rgb),.8)}.directorist-btn.directorist-btn-primary{background-color:var(--directorist-color-btn-primary-bg);color:var(--directorist-color-btn-primary);border:1px solid var(--directorist-color-btn-primary-border)}.directorist-btn.directorist-btn-primary:focus,.directorist-btn.directorist-btn-primary:hover{background-color:rgba(var(--directorist-color-btn-primary-rgb),.8)}.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after,.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after{background-color:var(--directorist-color-btn-primary)}.directorist-btn.directorist-btn-secondary{background-color:var(--directorist-color-btn-secondary-bg);color:var(--directorist-color-btn-secondary);border:1px solid var(--directorist-color-btn-secondary-border)}.directorist-btn.directorist-btn-secondary:focus,.directorist-btn.directorist-btn-secondary:hover{background-color:transparent;color:currentColor;border-color:var(--directorist-color-btn-secondary-bg)}.directorist-btn.directorist-btn-dark{background-color:var(--directorist-color-dark);border-color:var(--directorist-color-dark);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-dark:hover{background-color:rgba(var(--directorist-color-dark-rgb),.8)}.directorist-btn.directorist-btn-success{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-success:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-info{background-color:var(--directorist-color-info);border-color:var(--directorist-color-info);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-info:hover{background-color:rgba(var(--directorist-color-success-rgb),.8)}.directorist-btn.directorist-btn-light{background-color:var(--directorist-color-light);border-color:var(--directorist-color-light);color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-light:focus,.directorist-btn.directorist-btn-light:hover{background-color:var(--directorist-color-light-hover);color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-lighter{border-color:var(--directorist-color-dark);background-color:#f6f7f9;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-warning{border-color:var(--directorist-color-warning);background-color:var(--directorist-color-warning);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-warning:hover{background-color:rgba(var(--directorist-color-warning-rgb),.8)}.directorist-btn.directorist-btn-danger{border-color:var(--directorist-color-danger);background-color:var(--directorist-color-danger);color:var(--directorist-color-white)}.directorist-btn.directorist-btn-danger:hover{background-color:rgba(var(--directorist-color-danger-rgb),.8)}.directorist-btn.directorist-btn-bg-normal{background:#f9f9f9}.directorist-btn.directorist-btn-loading{position:relative;font-size:0;pointer-events:none}.directorist-btn.directorist-btn-loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background-color:inherit}.directorist-btn.directorist-btn-loading:after{content:"";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;border-radius:50%;border:2px solid var(--directorist-color-white);border-top-color:var(--directorist-color-primary);position:absolute;top:13px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:spin-centered 3s linear infinite;animation:spin-centered 3s linear infinite}.directorist-btn.directorist-btn-disabled{pointer-events:none;opacity:.75}.directorist-btn.directorist-btn-outline{background:transparent;border:1px solid var(--directorist-color-border)!important;color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-outline-normal{background:transparent;border:1px solid var(--directorist-color-normal)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-normal:focus,.directorist-btn.directorist-btn-outline-normal:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-normal)}.directorist-btn.directorist-btn-outline-light{background:transparent;border:1px solid var(--directorist-color-bg-light)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-primary:focus,.directorist-btn.directorist-btn-outline-primary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-secondary{background:transparent;border:1px solid var(--directorist-color-secondary)!important;color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-secondary:focus,.directorist-btn.directorist-btn-outline-secondary:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-secondary)}.directorist-btn.directorist-btn-outline-success{background:transparent;border:1px solid var(--directorist-color-success)!important;color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-success:focus,.directorist-btn.directorist-btn-outline-success:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-success)}.directorist-btn.directorist-btn-outline-info{background:transparent;border:1px solid var(--directorist-color-info)!important;color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-info:focus,.directorist-btn.directorist-btn-outline-info:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-info)}.directorist-btn.directorist-btn-outline-warning{background:transparent;border:1px solid var(--directorist-color-warning)!important;color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-warning:focus,.directorist-btn.directorist-btn-outline-warning:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-warning)}.directorist-btn.directorist-btn-outline-danger{background:transparent;border:1px solid var(--directorist-color-danger)!important;color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-danger:focus,.directorist-btn.directorist-btn-outline-danger:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-danger)}.directorist-btn.directorist-btn-outline-dark{background:transparent;border:1px solid var(--directorist-color-primary)!important;color:var(--directorist-color-primary)}.directorist-btn.directorist-btn-outline-dark:focus,.directorist-btn.directorist-btn-outline-dark:hover{color:var(--directorist-color-white);background-color:var(--directorist-color-dark)}.directorist-btn.directorist-btn-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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@-webkit-keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}@keyframes spin-centered{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}.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}.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),.15)}.directorist-badge.directorist-badge-warning-transparent{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning-rgb),.15)}.directorist-badge.directorist-badge-info-transparent{color:var(--directorist-color-info);background-color:rgba(var(--directorist-color-info-rgb),.15)}.directorist-badge.directorist-badge-success-transparent{color:var(--directorist-color-success);background-color:rgba(var(--directorist-color-success-rgb),.15)}.directorist-badge.directorist-badge-danger-transparent{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger-rgb),.15)}.directorist-badge.directorist-badge-light-transparent{color:var(--directorist-color-white);background-color:rgba(var(--directorist-color-white-rgb),.15)}.directorist-badge.directorist-badge-gray-transparent{color:var(--directorist-color-gray);background-color:rgba(var(--directorist-color-gray-rgb),.15)}.directorist-badge .directorist-badge-tooltip{position:absolute;top:-35px;height:30px;line-height:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 20px;font-size:12px;border-radius:15px;color:var(--directorist-color-white);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.directorist-badge .directorist-badge-tooltip__featured{background-color:var(--directorist-color-featured-badge)}.directorist-badge .directorist-badge-tooltip__new{background-color:var(--directorist-color-new-badge)}.directorist-badge .directorist-badge-tooltip__popular{background-color:var(--directorist-color-popular-badge)}@media screen and (max-width:480px){.directorist-badge .directorist-badge-tooltip{height:25px;line-height:25px;font-size:10px;padding:0 15px}}.directorist-badge:hover .directorist-badge-tooltip{opacity:1;visibility:visible}.directorist-custom-range-slider-target,.directorist-custom-range-slider-target *{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-custom-range-slider-base,.directorist-custom-range-slider-connects{width:100%;height:100%;position:relative;z-index:1}.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);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.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{-webkit-backface-visibility:hidden;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{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.directorist-custom-range-slider-state-drag *{cursor:inherit!important}.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-vertical .directorist-custom-range-slider-handle{width:28px;height:34px;inset-inline-end:-6px;bottom:-17px}.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)}.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;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.directorist-custom-range-slider-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}[disabled] .directorist-custom-range-slider-connect{background-color:#b8b8b8}[disabled].directorist-custom-range-slider-handle,[disabled] .directorist-custom-range-slider-handle,[disabled].directorist-custom-range-slider-target{cursor:not-allowed}.directorist-custom-range-slider-pips,.directorist-custom-range-slider-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-custom-range-slider-pips{position:absolute;color:#999}.directorist-custom-range-slider-value{position:absolute;white-space:nowrap;text-align:center}.directorist-custom-range-slider-value-sub{color:#ccc;font-size:10px}.directorist-custom-range-slider-marker{position:absolute;background-color:#ccc}.directorist-custom-range-slider-marker-large,.directorist-custom-range-slider-marker-sub{background-color:#aaa}.directorist-custom-range-slider-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.directorist-custom-range-slider-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal{-webkit-transform:translate(50%,50%);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-horizontal.directorist-custom-range-slider-marker-sub{height:10px}.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large{height:15px}.directorist-custom-range-slider-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.directorist-custom-range-slider-value-vertical{-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:25px}.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical{-webkit-transform:translateY(50%);transform:translateY(50%)}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker{width:5px;height:2px;margin-top:-1px}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub{width:10px}.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large{width:15px}.directorist-custom-range-slider-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background-color:var(--directorist-color-white);color:var(--directorist-color-dark);padding:5px;text-align:center;white-space:nowrap}.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip{-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;bottom:120%}.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip{-webkit-transform:translate(50%);transform:translate(50%);left:auto;bottom:10px}.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:120%}.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin>.directorist-custom-range-slider-tooltip{-webkit-transform:translateY(-18px);transform:translateY(-18px);top:auto;right:28px}.directorist-swiper{height:100%;overflow:hidden;position:relative}.directorist-swiper .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-swiper .swiper-slide>a,.directorist-swiper .swiper-slide>div{width:100%;height:100%}.directorist-swiper__nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;opacity:0;cursor:pointer}.directorist-swiper__nav,.directorist-swiper__nav i{-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-swiper__nav i{width:30px;height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;background-color:hsla(0,0%,100%,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-swiper__pagination .swiper-pagination-bullet{margin:0!important;width:5px;height:5px;opacity:.6;background-color:var(--directorist-color-white)}.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}.directorist-swiper__pagination--related{display:none}.directorist-swiper:hover>.directorist-swiper__navigation .directorist-swiper__nav{opacity:1}.directorist-single-listing-slider{width:var(--gallery-crop-width,740px);height:var(--gallery-crop-height,580px);max-width:100%;margin:0 auto;border-radius:12px}@media screen and (max-width:991px){.directorist-single-listing-slider{max-height:450px!important}}@media screen and (max-width:575px){.directorist-single-listing-slider{max-height:400px!important}}@media screen and (max-width:375px){.directorist-single-listing-slider{max-height:350px!important}}.directorist-single-listing-slider .directorist-swiper__nav i{height:40px;width:40px;background-color:rgba(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%;max-width:var(--gallery-crop-width,740px);-o-object-fit:cover;object-fit:cover;border-radius:12px}.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation,.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination{display:none}.directorist-single-listing-slider-thumb{width:var(--gallery-crop-width,740px);max-width:100%;margin:10px auto 0;overflow:auto;height:auto;display:none}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb{border-radius:12px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb{border-radius:8px}}.directorist-single-listing-slider-thumb .swiper-wrapper{height:auto}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-wrapper{gap:10px}}.directorist-single-listing-slider-thumb .directorist-swiper__navigation,.directorist-single-listing-slider-thumb .directorist-swiper__pagination{display:none}.directorist-single-listing-slider-thumb .swiper-slide{position:relative;cursor:pointer}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide{margin:0!important;height:90px}}.directorist-single-listing-slider-thumb .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide img{border-radius:14px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb .swiper-slide img{border-radius:8px;aspect-ratio:16/9}}.directorist-single-listing-slider-thumb .swiper-slide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;visibility:hidden}@media screen and (min-width:768px){.directorist-single-listing-slider-thumb .swiper-slide:before{border-radius:12px}}@media screen and (max-width:768px){.directorist-single-listing-slider-thumb .swiper-slide:before{border-radius:8px}}.directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before,.directorist-single-listing-slider-thumb .swiper-slide:hover:before{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-single-listing-slider-thumb{display:none}}.directorist-swiper-related-listing.directorist-swiper{padding:15px;margin:-15px;height:auto}.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i{height:40px;width:40px}.directorist-swiper-related-listing.directorist-swiper>.directorist-swiper__navigation .directorist-swiper__nav i:after{width:14px;height:14px}.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper{height:auto}.directorist-swiper-related-listing.slider-has-less-items>.directorist-swiper__navigation,.directorist-swiper-related-listing.slider-has-one-item>.directorist-swiper__navigation{display:none}.directorist-dropdown{position:relative}.directorist-dropdown__toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--directorist-color-body);background-color:var(--directorist-color-light);border-color:var(--directorist-color-light);padding:0 20px;border-radius:8px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;position:relative}.directorist-dropdown__toggle:focus,.directorist-dropdown__toggle:hover{background-color:var(--directorist-color-light)!important;border-color:var(--directorist-color-light)!important;outline:0!important;color:var(--directorist)}.directorist-dropdown__toggle.directorist-toggle-has-icon:after{content:"";-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:12px;height:12px;background-color:currentColor}.directorist-dropdown__links{display:none;position:absolute;width:100%;min-width:190px;overflow-y:auto;left:0;top:30px;padding:10px;border:none;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);z-index:99999}.directorist-dropdown__links a{font-size:14px;font-weight:400;display:block;padding:10px;border-radius:8px;text-decoration:none!important;color:var(--directorist-color-body);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-dropdown__links a.active,.directorist-dropdown__links a:hover{border-radius:8px;color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary-rgb),.05)}@media screen and (max-width:575px){.directorist-dropdown__links a{padding:5px 10px}}.directorist-dropdown__links--right{left:auto;right:0}@media (max-width:1440px){.directorist-dropdown__links{left:unset;right:0}}.directorist-dropdown.directorist-sortby-dropdown{border-radius:8px;border:2px solid var(--directorist-color-white)}.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;-webkit-transition:.3s ease;transition:.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}.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{-webkit-transform:translateX(20px);transform:translateX(20px)}.directorist-switch .directorist-switch-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;padding-left:65px;margin-left:0;color:var(--directorist-color-body)}.directorist-switch .directorist-switch-label:before{content:"";position:absolute;top:.75px;left:4px;display:block;width:44px;height:24px;border-radius:15px;pointer-events:all;background-color:#ececec}.directorist-switch .directorist-switch-label:after{position:absolute;display:block;content:"";background:no-repeat 50%/50% 50%;top:4.75px;left:8px;background-color:var(--directorist-color-white)!important;width:16px;height:16px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 0 4px rgba(143,142,159,.15);box-shadow:0 0 4px rgba(143,142,159,.15);border-radius:15px;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .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;-ms-user-select:none;user-select:none;font-size:14px;line-height:27px;padding:5px 10.5px;font-weight:500}.directorist-switch-Yn input[type=checkbox]{display:none}.directorist-switch-Yn input[type=checkbox]:checked+.directorist-switch-yes{background-color:#3e62f5;color:var(--directorist-color-white)}.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes,.directorist-switch-Yn input[type=checkbox]:checked+span+.directorist-switch-no{background-color:transparent;color:#9b9eaf}.directorist-switch-Yn input[type=checkbox]+span+.directorist-switch-no{background-color:#fb6665;color:var(--directorist-color-white)}.directorist-switch-Yn .directorist-switch-yes{border-radius:15px 0 0 15px}.directorist-switch-Yn .directorist-switch-no{border-radius:0 15px 15px 0}.directorist-tooltip{position:relative}.directorist-tooltip.directorist-tooltip-bottom[data-label]:before{bottom:-8px;top:auto;border-top-color:var(--directorist-color-white);border-bottom-color:rgba(var(--directorist-color-dark-rgb),1)}.directorist-tooltip.directorist-tooltip-bottom[data-label]:after{-webkit-transform:translate(-50%);transform:translate(-50%);top:100%;margin-top:8px}.directorist-tooltip[data-label]:after,.directorist-tooltip[data-label]:before{position:absolute!important;bottom:100%;display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-animation:showTooltip .3s ease;animation:showTooltip .3s ease}.directorist-tooltip[data-label]:before{content:"";left:50%;top:-6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:6px solid transparent;border-top:6px solid rgba(var(--directorist-color-dark-rgb),1)}.directorist-tooltip[data-label]:after{font-size:14px;content:attr(data-label);left:50%;-webkit-transform:translate(-50%,-6px);transform:translate(-50%,-6px);background:rgba(var(--directorist-color-dark-rgb),1);padding:4px 12px;border-radius:3px;color:var(--directorist-color-white);z-index:9999;text-align:center;min-width:140px;max-height:200px;overflow-y:auto}.directorist-tooltip[data-label]:hover:after,.directorist-tooltip[data-label]:hover:before{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)}@-webkit-keyframes showTooltip{0%{opacity:0}}@keyframes showTooltip{0%{opacity:0}}.directorist-alert{font-size:15px;word-break:break-word;border-radius:8px;background-color:#f4f4f4;padding:15px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-alert .directorist-icon-mask{margin-right:5px}.directorist-alert>a{padding-left:5px}.directorist-alert__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-alert__content i,.directorist-alert__content span.fa,.directorist-alert__content span.la{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;-webkit-box-shadow:none;box-shadow:none;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-alert__close .fa,.directorist-alert__close .la,.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),.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-color:#dcebfe;color:#157cf6}.directorist-alert.directorist-alert-info .directorist-alert__close{color:#157cf6}.directorist-alert.directorist-alert-warning{background-color:#fee9d9;color:#f56e00}.directorist-alert.directorist-alert-warning .directorist-alert__close{color:#f56e00}.directorist-alert.directorist-alert-danger{background-color:#fcd9d9;color:#e80000}.directorist-alert.directorist-alert-danger .directorist-alert__close{color:#e80000}.directorist-alert.directorist-alert-success{background-color:#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,.3)}.alert-danger.directorist-register-error{background:#fcd9d9;color:#e80000;border-radius:3px}.alert-danger.directorist-register-error .directorist-alert__close{color:#e80000}.directorist-single-listing-notice .directorist-alert__content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.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{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-user-dashboard .directorist-alert-info .directorist-alert__close{cursor:pointer;padding-right:0}.directorist-modal{position:fixed;width:100%;height:100%;padding:0;background:rgba(var(--directorist-color-dark-rgb),.5);left:0;top:0;z-index:-1;overflow:auto;outline:0}.directorist-modal__dialog{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 80px);pointer-events:none}.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__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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;line-height:1.45;padding:6px;text-decoration:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:var(--directorist-color-bg-light)}.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover{color:var(--directorist-color-body);background-color:var(--directorist-color-light-hover);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin:-7.5px}.directorist-modal__content .directorist-modal__footer .directorist-modal__action button{margin:7.5px}.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{-webkit-transition:.3s ease;transition:.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;-webkit-transition:.3s ease;transition:.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(var(--directorist-color-dark-rgb),.5);opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}.directorist-search-modal__contents{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-100%;width:90%;max-width:600px;margin-bottom:100px;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px 25px 15px 40px;border-radius:16px 16px 0 0;background-color:var(--directorist-color-white);border-bottom:1px solid var(--directorist-color-border);z-index:999}@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:80px;padding:30px 30px 0;height:calc(100dvh - 250px)}}.directorist-search-modal__contents__body .directorist-search-field__label{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--directorist-color-body);-webkit-transition:opacity .3s ease,top .3s ease,font-size .3s ease;transition:opacity .3s ease,top .3s ease,font-size .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-search-modal__contents__body .directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number],.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time]{padding-right:0}.directorist-search-modal__contents__body .directorist-search-field__btn{position:absolute;bottom:12px;cursor:pointer}.directorist-search-modal__contents__body .directorist-search-field__btn--clear{opacity:0;visibility:hidden;right:0}.directorist-search-modal__contents__body .directorist-search-field__btn--clear i:after{width:16px;height:16px;background-color:#bcbcbc;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i:after{background-color:var(--directorist-color-primary)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time]{padding-right:20px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label{top:0;font-size:13px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select{position:relative;bottom:-5px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label{opacity:1}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after,.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon{margin-top:0}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range{position:relative}.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label{font-size:16px;font-weight:500;position:unset}.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label{opacity:0}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear{right:25px;bottom:12px}.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after{background-color:grey}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after{width:12px;height:12px;background-color:grey}.directorist-search-modal__contents__body .directorist-search-form-dropdown{border-bottom:1px solid var(--directorist-color-border)}.directorist-search-modal__contents__body .wp-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap{margin:0!important}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label{width:70px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input{padding-right:10px!important;bottom:0}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder{top:45px}.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__footer .directorist-advanced-filter__action .directorist-btn{font-size:15px}.directorist-search-modal__contents__footer .directorist-btn-reset-js{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding:0;text-transform:none;border:none;background:transparent;cursor:pointer}.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--directorist-color-light);border-radius:100%;border:none;cursor:pointer}.directorist-search-modal__contents__btn i:after{width:10px;height:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;background-color:var(--directorist-color-dark)}.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 .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%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:5px;border-radius:8px;background-color:var(--directorist-color-border);opacity:0;visibility:hidden}@media only screen and (max-width:575px){.directorist-search-modal__minimizer{opacity:1;visibility:visible}}.directorist-search-modal--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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;width:16px;height:16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--directorist-color-body);-webkit-mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);mask-image:url(../images/9ddfe727fdcddbb985d69ce2e9a06358.svg)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search{border-radius:8px;color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i:after{background-color:currentColor}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input{min-height:42px;border-radius:8px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field{width:100%;margin:0 20px;padding-right:15px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before{content:"";width:14px;height:14px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);opacity:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn{bottom:unset;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:100%;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select{width:calc(100% + 20px)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:5px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value{border-bottom:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within{outline:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range{padding:5px 0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search{width:auto;padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel){margin:0 40px}}@media screen and (max-width:575px) and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{width:calc(100% + 20px)}}@media screen and (max-width:575px){.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label{font-size:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-25px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input{bottom:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn{right:-20px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear{right:5px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js{padding-right:30px}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon{margin-top:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label{opacity:0;font-size:0!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused{padding-right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select{width:100%}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:0}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:20px!important}.directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown{margin-right:20px!important;border-bottom:none}.directorist-search-modal--basic .directorist-price-ranges:after{top:30px}}.directorist-search-modal--basic .open_now>label{display:none}.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges,.directorist-search-modal--basic .open_now .check-btn{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{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-search-modal--basic .directorist-search-tags~.directorist-btn-ml{margin-bottom:10px}.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single{min-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-modal--basic .directorist-search-field-price_range>label,.directorist-search-modal--basic .directorist-search-field-pricing>label,.directorist-search-modal--basic .directorist-search-field-radius_search>label,.directorist-search-modal--basic .directorist-search-field-text_range>label,.directorist-search-modal--basic .directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset;display:block;font-size:14px;margin-bottom:15px}.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn{bottom:12px}.directorist-search-modal--full .directorist-search-field{-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-search-modal--full .directorist-search-field .directorist-search-field__label{font-size:14px;font-weight:400}.directorist-search-modal--full .directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0;z-index:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal--full .directorist-search-field-pricing>label,.directorist-search-modal--full .directorist-search-field-radius_search>label,.directorist-search-modal--full .directorist-search-field-text_range>label{display:block;font-size:16px;font-weight:500;margin-bottom:18px}.directorist-search-modal__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid var(--directorist-color-border);border-radius:8px;min-height:40px;margin:0 0 15px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input .directorist-select{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-search-modal__input .directorist-form-group .directorist-form-element,.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus,.directorist-search-modal__input .select2.select2-container .select2-selection{border:0}.directorist-search-modal__input__btn{width:0;padding:0 10px;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-modal__input__btn .directorist-icon-mask:after{width:14px;height:14px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--directorist-color-body)}.directorist-search-modal__input .input-is-focused.directorist-search-query:after{display:none}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-modal .directorist-checkbox-wrapper,.directorist-search-modal .directorist-radio-wrapper,.directorist-search-modal .directorist-search-tags{padding:0;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown{padding:0!important}.directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn{right:0}}.directorist-search-modal .directorist-search-form-dropdown.input-has-value,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused{margin-top:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{bottom:0!important;padding-right:25px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label{opacity:1!important;visibility:visible;margin:0;font-size:14px!important;font-weight:500}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item{font-weight:600;margin-left:5px}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:0!important}.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{right:25px!important}}.directorist-search-modal .directorist-search-basic-dropdown{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0;width:100%;max-width:unset;height:40px;line-height:40px;font-size:14px;font-weight:500;cursor:pointer;position:unset!important;-webkit-transform:unset!important;transform:unset!important;color:var(--directorist-color-dark)}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty){-webkit-margin-end:5px;margin-inline-end:5px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty){width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-white);background-color:var(--directorist-color-primary);font-size:10px;border-radius:100%;-webkit-margin-start:10px;margin-inline-start:10px}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after{width:12px;height:12px;background-color:grey}@media screen and (max-width:575px){.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before{left:-20px!important}}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content{position:absolute;left:0;width:100%;min-width:150px;padding:15px 20px;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);max-height:250px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;z-index:100;display:none}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show{display:block}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags{gap:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label{width:100%}.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-content-active.directorist-overlay-active{overflow:hidden}.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection{border:0!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.directorist-content-active .directorist-card{border:none;padding:0;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .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-content-active .directorist-card__header{padding:15px 20px}}.directorist-content-active .directorist-card__header__title{font-size:18px;font-weight:500;line-height:1.2;color:var(--directorist-color-dark);letter-spacing:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.directorist-content-active .directorist-card__body{padding:25px;border-radius:0 0 16px 16px}@media screen and (max-width:575px){.directorist-content-active .directorist-card__body{padding:20px}}.directorist-content-active .directorist-card__body .directorist-review-single,.directorist-content-active .directorist-card__body .directorist-widget-tags ul{padding:0}.directorist-content-active .directorist-card__body p{font-size:15px;margin-top:0}.directorist-content-active .directorist-card__body p:last-child{margin-bottom:0}.directorist-content-active .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-input-wrap label input.directorist-color-picker{width:100%!important}.directorist-color-picker-wrap .wp-picker-clear{padding:0 15px;margin-top:3px;font-size:14px;font-weight:500;line-height:2.4}.directorist-form-group{position:relative;width:100%}.directorist-form-group textarea,.directorist-form-group textarea.directorist-form-element{min-height:unset;height:auto!important;max-width:100%;width:100%}.directorist-form-group__with-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d9d9d9;width:100%;gap:10px}.directorist-form-group__with-prefix:focus-within{border-bottom:2px solid var(--directorist-color-dark)}.directorist-form-group__with-prefix .directorist-form-element{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0!important;border:none!important}.directorist-form-group__with-prefix .directorist-single-info__value{font-size:14px;font-weight:500;margin:0!important}.directorist-form-group__prefix{height:40px;line-height:40px;font-size:14px;font-weight:500;color:#828282}.directorist-form-group__prefix--start{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.directorist-form-group__prefix--end{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input{padding-right:0!important}.directorist-form-group label{margin:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-form-group .directorist-form-element{position:relative;padding:0;width:100%;max-width:unset;min-height:unset;height:40px;font-size:14px;font-weight:500;color:var(--directorist-color-dark);border:none;border-radius:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--directorist-color-border-gray)}.directorist-form-group .directorist-form-element:focus{outline:none;-webkit-box-shadow:0 0;box-shadow:0 0;border:none;border-bottom:2px solid var(--directorist-color-primary)}.directorist-form-group .directorist-form-description{font-size:14px;margin-top:10px;color:var(--directorist-color-deep-gray)}.directorist-form-element.directorist-form-element-lg{height:50px}.directorist-form-element.directorist-form-element-lg__prefix{height:50px;line-height:50px}.directorist-form-element.directorist-form-element-sm{height:30px}.directorist-form-element.directorist-form-element-sm__prefix{height:30px;line-height:30px}.directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.directorist-form-group.directorist-icon-left .location-name{padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.directorist-form-group.directorist-icon-right .location-name{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-form-group .directorist-input-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.45;z-index:99;-webkit-transition:margin .3s ease;transition:margin .3s ease}.directorist-form-group .directorist-input-icon i,.directorist-form-group .directorist-input-icon span,.directorist-form-group .directorist-input-icon svg{font-size:14px}.directorist-form-group .directorist-input-icon .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-form-group .directorist-input-icon{margin-top:0}}.directorist-label{margin-bottom:0}input.directorist-toggle-input{display:none}.directorist-toggle-input-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}span.directorist-toggle-input-label-text{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:10px}span.directorist-toggle-input-label-icon{position:relative;width:50px;height:25px;border-radius:30px;background-color:#d9d9d9}span.directorist-toggle-input-label-icon,span.directorist-toggle-input-label-icon:after{display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}span.directorist-toggle-input-label-icon:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background-color:var(--directorist-color-white);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-tab-navigation-list-item{position:relative;list-style:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;margin:10px;padding:15px 20px;border-radius:4px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;background-color:var(--directorist-color-bg-light)}.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);-webkit-transform:translate(-50%);transform:translate(-50%)}.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:focus,.directorist-tab-navigation-list-item-link:visited{outline:none;-webkit-box-shadow: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);-webkit-transform:translate(-50%);transform:translate(-50%)}.directorist-tab-content{display:none}.directorist-tab-content.--is-active{display:block}.directorist-headline-4{margin:0 0 15px;font-size:15px;font-weight:400}.directorist-label-addon-prepend{margin-right:10px}.--is-hidden{display:none}.directorist-flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-checkbox,.directorist-flex-center,.directorist-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-checkbox input[type=checkbox],.directorist-checkbox input[type=radio],.directorist-radio input[type=checkbox],.directorist-radio input[type=radio]{display:none!important}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:30px;margin-bottom:0;margin-left:0;line-height:1.4;color:var(--directorist-color-body);-webkit-box-sizing:content-box;box-sizing:content-box}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--directorist-color-gray);background-color:transparent}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label,.directorist-checkbox input[type=checkbox]+.directorist-radio__label,.directorist-checkbox input[type=radio]+.directorist-checkbox__label,.directorist-checkbox input[type=radio]+.directorist-radio__label,.directorist-radio input[type=checkbox]+.directorist-checkbox__label,.directorist-radio input[type=checkbox]+.directorist-radio__label,.directorist-radio input[type=radio]+.directorist-checkbox__label,.directorist-radio input[type=radio]+.directorist-radio__label{line-height:1.2;padding-left:25px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]+.directorist-radio__label:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]+.directorist-radio__label:after,.directorist-radio input[type=radio]+.directorist-checkbox__label:after,.directorist-radio input[type=radio]+.directorist-radio__label:after{top:1px;width:16px;height:16px}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-checkbox input[type=radio]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=checkbox]+.directorist-radio__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-checkbox__label .directorist-icon-mask:after,.directorist-radio input[type=radio]+.directorist-radio__label .directorist-icon-mask:after{width:12px;height:12px}}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-checkbox input[type=radio]:checked+.directorist-radio__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=checkbox]:checked+.directorist-radio__label:before,.directorist-radio input[type=radio]:checked+.directorist-checkbox__label:before,.directorist-radio input[type=radio]:checked+.directorist-radio__label:before{opacity:1;visibility:visible}.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{position:absolute;left:5px;top:5px;content:"";-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white);display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}@media only screen and (max-width:575px){.directorist-checkbox input[type=checkbox]+.directorist-checkbox__label:before{top:4px;left:3px}}.directorist-radio input[type=radio]+.directorist-radio__label:before{position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background-color:var(--directorist-color-white);border:0;opacity:0;visibility:hidden;z-index:2;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;content:""}@media only screen and (max-width:575px){.directorist-radio input[type=radio]+.directorist-radio__label:before{left:3px;top:4px}}.directorist-radio input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:before{-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;background-color:var(--directorist-color-white)}.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-circle input[type=radio]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=checkbox]+.directorist-radio__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-checkbox__label:after,.directorist-radio.directorist-radio-circle input[type=radio]+.directorist-radio__label:after{border-radius:50%}.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-secondary);border-color:var(--directorist-color-secondary)}.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-success);border-color:var(--directorist-color-success)}.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked+.directorist-radio__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-checkbox__label:after,.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-primary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-primary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-secondary input[type=radio]:checked+.directorist-radio__label:before{background-color:var(--directorist-color-secondary)!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:after{background-color:var(--directorist-color-white);border-color:#3e62f5!important}.directorist-radio.directorist-radio-blue input[type=radio]:checked+.directorist-radio__label:before{background-color:#3e62f5!important}.directorist-checkbox-rating{gap:20px;width:100%;padding:10px 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-checkbox-rating input[type=checkbox]+.directorist-checkbox__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-checkbox-rating .directorist-icon-mask:after{width:14px;height:14px;margin-top:1px}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:before{width:10px;height:10px;top:5px;left:5px;background-color:var(--directorist-color-white)!important}.directorist-radio.directorist-radio-theme-admin input[type=radio]+.directorist-radio__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked+.directorist-radio__label:after{background-color:#3e62f5;border-color:#3e62f5}.directorist-radio.directorist-radio-theme-admin .directorist-radio__label{padding-left:35px!important}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:before{width:8px;height:8px;top:6px!important;left:6px!important;border-radius:50%;background-color:var(--directorist-color-white)!important;content:""}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]+.directorist-checkbox__label:after{width:20px;height:20px;border-color:#c6d0dc;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked+.directorist-checkbox__label:after{background-color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label{padding-left:35px!important}.directorist-content-active{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-content-active .directorist-author-profile{padding:0}.directorist-content-active .directorist-author-profile__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding:25px 30px;margin:0 0 40px}.directorist-content-active .directorist-author-profile__wrap__body{padding:0}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__wrap{gap:8px}}.directorist-content-active .directorist-author-profile__avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__avatar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:15px}}.directorist-content-active .directorist-author-profile__avatar 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){.directorist-content-active .directorist-author-profile__avatar img{max-width:75px!important;max-height:75px!important}}.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name{margin:0 0 5px}.directorist-content-active .directorist-author-profile__avatar__info__name{font-size:20px;font-weight:500;color:var(--directorist-color-dark);margin:0 0 5px}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__avatar__info__name{margin:0}}.directorist-content-active .directorist-author-profile__avatar__info p{margin:0;font-size:14px;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-profile__meta-list{margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px;list-style-type:none}@media only screen and (max-width:991px){.directorist-content-active .directorist-author-profile__meta-list{gap:5px 20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.directorist-content-active .directorist-author-profile__meta-list__item{gap:15px;margin:0;padding:18px 75px 18px 18px;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-author-profile__meta-list__item,.directorist-content-active .directorist-author-profile__meta-list__item i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:10px}.directorist-content-active .directorist-author-profile__meta-list__item i{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px;background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-profile__meta-list__item i:after{width:18px;height:18px;background-color:var(--directorist-color-white)}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item i{width:auto;height:auto;background-color:transparent}.directorist-content-active .directorist-author-profile__meta-list__item i:after{width:12px;height:12px;background-color:var(--directorist-color-warning)}}.directorist-content-active .directorist-author-profile__meta-list__item span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-profile__meta-list__item span span{font-size:18px;font-weight:500;line-height:1.1;color:var(--directorist-color-primary)}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item span{gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.directorist-content-active .directorist-author-profile__meta-list__item span span{font-size:15px;line-height:1}}@media only screen and (max-width:767px){.directorist-content-active .directorist-author-profile__meta-list__item{padding-right:50px}}@media only screen and (max-width:575px){.directorist-content-active .directorist-author-profile__meta-list__item{padding:0;gap:5px;background:transparent;border-radius:0}.directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i{display:none}}.directorist-content-active .directorist-author-profile-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;margin:0}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i{width:34px;height:34px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after{width:14px;height:14px;background-color:var(--directorist-color-body)}@media screen and (min-width:576px){.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i{display:none}}.directorist-content-active .directorist-author-info-list{padding:0;margin:0}.directorist-content-active .directorist-author-info-list li{margin-left:0}.directorist-content-active .directorist-author-info-list__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:12px;font-size:15px;color:var(--directorist-color-body)}.directorist-content-active .directorist-author-info-list__item i{margin-top:5px}@media screen and (max-width:575px){.directorist-content-active .directorist-author-info-list__item i{margin-top:0;height:34px;width:34px;min-width:34px;border-radius:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light)}}.directorist-content-active .directorist-author-info-list__item .directorist-label{display:none;min-width:70px;padding-right:10px;margin-right:8px;margin-top:5px;position:relative}.directorist-content-active .directorist-author-info-list__item .directorist-label:before{content:":";position:absolute;right:0;top:0}@media screen and (max-width:375px){.directorist-content-active .directorist-author-info-list__item .directorist-label{min-width:60px}}.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask:after{width:15px;height:15px;background-color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-info-list__item .directorist-info{word-break:break-all}@media screen and (max-width:575px){.directorist-content-active .directorist-author-info-list__item .directorist-info{margin-top:5px;word-break:break-all}}.directorist-content-active .directorist-author-info-list__item a{color:var(--directorist-color-body);text-decoration:none}.directorist-content-active .directorist-author-info-list__item a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-info-list__item:not(:last-child){margin-bottom:8px}.directorist-content-active .directorist-card__body .directorist-author-info-list{padding:0;margin:0}.directorist-content-active .directorist-author-social{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 0;list-style:none}.directorist-content-active .directorist-author-social__item{margin:0}.directorist-content-active .directorist-author-social__item a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:36px;width:36px;text-align:center;background-color:var(--directorist-color-light);border-radius:8px;font-size:15px;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease;text-decoration:none}.directorist-content-active .directorist-author-social__item a .directorist-icon-mask:after{background-color:grey;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-author-social__item a span{-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-author-social__item a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-author-social__item a:hover span.fa,.directorist-content-active .directorist-author-social__item a:hover span.la{background:none;color:var(--directorist-color-white)}.directorist-content-active .directorist-author-contact .directorist-author-social{margin:22px 0 0}.directorist-content-active .directorist-author-contact .directorist-author-social li{margin:0}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item,.directorist-content-active .directorist-author-social--light .directorist-author-social-item,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item{display:inline-block;margin:0}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a{font-size:15px;display:block;line-height:35px;width:36px;height:36px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-light);border-radius:4px;color:var(--directorist-color-white);overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after{background-color:var(--directorist-color-body)}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after,.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-author-listing-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px;border-bottom:1px solid var(--directorist-color-border)}.directorist-content-active .directorist-author-listing-top__title{font-size:30px;font-weight:400;margin:0 0 52px;text-align:center}.directorist-content-active .directorist-author-listing-top__filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links{max-height:300px;overflow-y:auto}.directorist-content-active .directorist-author-listing-top .directorist-type-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:7px;font-size:14px;font-weight:400;color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i{margin:0}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after{background-color:var(--directorist-color-deep-gray)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li{margin:0;padding:0}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current{color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle{position:relative;top:-10px;gap:10px;background:transparent!important;border:none;padding:0;min-height:30px;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle{font-size:0;top:-5px}.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after{-webkit-mask-image:url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);mask-image:url(../images/87cd0434594c4fe6756c2af1404a5f32.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:16px;height:12px;background-color:var(--directorist-color-body)}}@media screen and (max-width:575px){.directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i{display:none}}.directorist-content-active .directorist-author-listing-content{padding:0}.directorist-content-active .directorist-author-listing-content .directorist-pagination{padding-top:35px}.directorist-content-active .directorist-author-listing-type .directorist-type-nav{background:none}.directorist-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-color:#2c99ff;color:var(--directorist-color-white);font-size:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:5px}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#444752}.directorist-category-child__card__body li a span{color:var(--directorist-color-body)}.directorist-archive-contents{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-archive-contents .directorist-archive-items .directorist-pagination{margin-top:35px}.directorist-archive-contents .gm-style-iw-chr,.directorist-archive-contents .gm-style-iw-tc{display:none}@media screen and (max-width:575px){.directorist-archive-contents .directorist-archive-contents__top{padding:15px 20px 0}.directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav{margin:0 0 25px}.directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask{display:none}}.directorist-content-active .directorist-type-nav__link{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:15px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;padding:0 0 8px;border-bottom:2px solid transparent;color:var(--directorist-color-body)}.directorist-content-active .directorist-type-nav__link:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__link:focus{background-color:transparent}.directorist-content-active .directorist-type-nav__link .directorist-icon-mask{display:inline-block;margin:0 0 10px}.directorist-content-active .directorist-type-nav__link .directorist-icon-mask:after{width:22px;height:20px;background-color:var(--directorist-color-body)}.directorist-content-active .directorist-type-nav__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;padding:0;margin:0;list-style-type:none;overflow-x:auto;scrollbar-width:thin}@media only screen and (max-width:767px){.directorist-content-active .directorist-type-nav__list{overflow-x:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media only screen and (max-width:575px){.directorist-content-active .directorist-type-nav__list{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar{display:none}.directorist-content-active .directorist-type-nav__list li{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin:0;list-style:none;line-height:1}.directorist-content-active .directorist-type-nav__list a{text-decoration:unset}.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link,.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link{color:var(--directorist-color-primary);border-color:var(--directorist-color-primary)}.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask:after,.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-archive-contents__top .directorist-type-nav{margin-bottom:30px}.directorist-content-active .directorist-archive-contents__top .directorist-header-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:30px 0}@media screen and (max-width:575px){.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full{display:none}.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid{padding:0}}.directorist-content-active .directorist-listings-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;width:100%}.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links{top:42px}.directorist-content-active .directorist-listings-header .directorist-header-found-title{margin:0;padding:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-content-active .directorist-listings-header__left{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.directorist-content-active .directorist-listings-header__left,.directorist-content-active .directorist-listings-header__left .directorist-filter-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn{gap:5px;font-size:14px;font-weight:400;color:var(--directorist-color-body);background-color:var(--directorist-color-light)!important;border:2px solid var(--directorist-color-white);padding:0 20px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask:after{width:14px;height:14px;margin-right:2px}.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover{background-color:var(--directorist-color-bg-gray)!important;color:rgba(var(--directorist-color-btn-primary-rgb),.8)}.directorist-content-active .directorist-listings-header__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media screen and (max-width:425px){.directorist-content-active .directorist-listings-header__right{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-content-active .directorist-listings-header__right .directorist-dropdown__links{right:unset;left:0;max-width:250px}}.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single{cursor:pointer}.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover{background-color:var(--directorist-color-light)}.directorist-content-active .directorist-archive-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-content-active .directorist-archive-items .directorist-archive-notfound{padding:15px}.directorist-viewas{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-viewas,.directorist-viewas__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-viewas__item{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;border-radius:8px;border:2px solid var(--directorist-color-white);background-color:var(--directorist-color-light);color:var(--directorist-color-body)}.directorist-viewas__item i:after{width:16px;height:16px;background-color:var(--directorist-color-body)}.directorist-viewas__item.active{border-color:var(--directorist-color-primary);background-color:var(--directorist-color-primary)}.directorist-viewas__item.active i:after{background-color:var(--directorist-color-white)}@media only screen and (max-width:575px){.directorist-viewas__item--list{display:none}}.listing-with-sidebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:991px){.listing-with-sidebar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar .directorist-advanced-filter__form{width:100%}}@media only screen and (max-width:575px){.listing-with-sidebar .directorist-search-form__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;width:100%;margin:0}.listing-with-sidebar .directorist-search-form-action__submit{display:block}.listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.listing-with-sidebar__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__type-nav{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.listing-with-sidebar__type-nav .directorist-type-nav__list{gap:40px}.listing-with-sidebar__searchform{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media only screen and (max-width:767px){.listing-with-sidebar__searchform .directorist-search-form__box{padding:15px}}@media only screen and (max-width:575px){.listing-with-sidebar__searchform .directorist-search-form__box{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}}.listing-with-sidebar__searchform .directorist-search-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon{right:15px;top:unset;-webkit-transform:unset;transform:unset;bottom:8px}.listing-with-sidebar__searchform .directorist-advanced-filter__form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;gap:20px}@media only screen and (max-width:767px){.listing-with-sidebar__searchform .directorist-advanced-filter__form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.listing-with-sidebar__searchform .directorist-search-contents{padding:0}.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{bottom:0}.listing-with-sidebar__searchform .directorist-search-field-price_range>label,.listing-with-sidebar__searchform .directorist-search-field-pricing>label,.listing-with-sidebar__searchform .directorist-search-field-radius_search>label,.listing-with-sidebar__searchform .directorist-search-field-text_range>label,.listing-with-sidebar__searchform .directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset;display:block;font-size:14px;margin-bottom:15px}.listing-with-sidebar__header{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.listing-with-sidebar__header .directorist-header-bar{margin:0}.listing-with-sidebar__header .directorist-container-fluid{padding:0}.listing-with-sidebar__header .directorist-archive-sidebar-toggle{width:auto;font-size:14px;font-weight:400;min-height:40px;padding:0 20px;border-radius:8px;text-transform:capitalize;text-decoration:none!important;color:var(--directorist-color-primary);background-color:var(--directorist-color-light);border:2px solid var(--directorist-color-white);cursor:pointer;display:none}.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask{margin-right:5px}.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask:after{background-color:currentColor;width:14px;height:14px}@media only screen and (max-width:991px){.listing-with-sidebar__header .directorist-archive-sidebar-toggle{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active{color:var(--directorist-color-white);background-color:var(--directorist-color-primary)}.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.listing-with-sidebar__sidebar{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;max-width:350px}.listing-with-sidebar__sidebar form{width:100%}.listing-with-sidebar__sidebar .directorist-advanced-filter__close{display:none}@media screen and (max-width:1199px){.listing-with-sidebar__sidebar{max-width:300px;min-width:300px}}@media only screen and (max-width:991px){.listing-with-sidebar__sidebar{position:fixed;left:-360px;top:0;height:100svh;background-color:#fff;z-index:9999;overflow:auto;-webkit-box-shadow:0 10px 15px rgba(var(--directorist-color-dark-rgb),.15);box-shadow:0 10px 15px rgba(var(--directorist-color-dark-rgb),.15);visibility:hidden;opacity:0;-webkit-transition:.3s ease;transition:.3s ease}.listing-with-sidebar__sidebar .directorist-search-form__box-wrap{padding-bottom:30px}.listing-with-sidebar__sidebar .directorist-advanced-filter__close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:40px;height:40px;border-radius:100%;background-color:var(--directorist-color-light)}}@media only screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges{margin-top:15px}}.listing-with-sidebar__sidebar--open{left:0;visibility:visible;opacity:1}.listing-with-sidebar__sidebar .directorist-form-group label{font-size:15px;font-weight:500;color:var(--directorist-color-dark)}.listing-with-sidebar__sidebar .directorist-search-contents{padding:0}.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content{display:block!important}.listing-with-sidebar__sidebar .directorist-search-form__box{padding:0}@media only screen and (max-width:991px){.listing-with-sidebar__sidebar .directorist-search-form__box{display:block;height:100svh;-webkit-box-shadow:none;box-shadow:none;border:none}.listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced{display:block}}.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]){padding-right:20px}.listing-with-sidebar__sidebar .directorist-advanced-filter__top{width:100%;padding:25px 30px 20px;border-bottom:1px solid var(--directorist-color-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.listing-with-sidebar__sidebar .directorist-advanced-filter__title{margin:0;font-size:20px;font-weight:500;color:var(--directorist-color-dark)}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 30px 0}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field>label{font-size:16px;font-weight:500;margin:0}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label{position:unset;margin-bottom:15px;color:var(--directorist-color-body)}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label{position:unset}.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,.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-search-review,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags{margin-top:13px}@media only screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper,.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-search-review,.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags{margin-top:5px}}.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field{margin-bottom:0}.listing-with-sidebar__sidebar .directorist-advanced-filter__action{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:25px 30px 30px;border-top:1px solid var(--directorist-color-light);-webkit-box-sizing:border-box;box-sizing:border-box}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax{padding:0;border:none;text-align:end;margin:-20px 0 20px;z-index:1}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax{padding:0;color:var(--directorist-color-info);background:transparent;width:auto;height:auto;line-height:normal;font-size:14px}.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled{display:none}.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer{position:relative;background-color:transparent}.listing-with-sidebar__sidebar .directorist-btn-reset-js{width:100%;height:50px;line-height:50px;padding:0 32px;border:none;border-radius:8px;text-align:center;text-transform:none;text-decoration:none;cursor:pointer;background-color:var(--directorist-color-light)}.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.listing-with-sidebar__sidebar .directorist-btn-submit{width:100%}.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range{width:54px}@media screen and (max-width:575px){.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range{width:100%}}.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child{border:0}.listing-with-sidebar__sidebar .directorist-checkbox-wrapper,.listing-with-sidebar__sidebar .directorist-radio-wrapper,.listing-with-sidebar__sidebar .directorist-search-tags{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__sidebar.right-sidebar-contents{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label{position:unset;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i,.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span{display:none}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0 0 10px;z-index:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel{margin-top:0}.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap{margin-bottom:0}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder{margin-top:10px}.listing-with-sidebar__listing{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__listing .directorist-archive-items,.listing-with-sidebar__listing .directorist-header-bar{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid,.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid{padding:0}.listing-with-sidebar__listing .directorist-archive-items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.listing-with-sidebar__listing .directorist-search-modal-advanced{display:none}.listing-with-sidebar__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px}@media screen and (max-width:575px){.listing-with-sidebar .directorist-search-form__top .directorist-search-field{padding:0;margin:0 20px 0 0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select{width:calc(100% + 20px)}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused{margin:0 25px}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel{margin:0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon{right:0}.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select,.listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select{width:100%}.listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon{right:-15px}}@media only screen and (max-width:991px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:30px}}@media only screen and (max-width:767px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:46px}}@media only screen and (max-width:600px){.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box{padding-top:0}}.directorist-advanced-filter__basic{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-advanced-filter__basic,.directorist-advanced-filter__basic__element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-advanced-filter__basic__element .directorist-search-field{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:0;margin:0 0 40px}@media screen and (max-width:575px){.directorist-advanced-filter__basic__element .directorist-search-field{margin:0 0 20px}}.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper,.directorist-advanced-filter__basic__element .directorist-radio-wrapper,.directorist-advanced-filter__basic__element .directorist-search-tags{gap:15px;margin:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio{margin:0;-webkit-box-flex:0;-webkit-flex:0 0 46%;-ms-flex:0 0 46%;flex:0 0 46%}@media only screen and (max-width:575px){.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon{margin-top:3px;z-index:99}.directorist-advanced-filter__basic__element .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:0;margin:0 0 40px}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:16px;font-weight:500;margin:0;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-advanced-filter__advanced__element{overflow:hidden}.directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused{margin-top:0}.directorist-advanced-filter__advanced__element .directorist-search-field{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0 0 40px;-webkit-transition:margin .3s ease;transition:margin .3s ease}@media screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-search-field{margin:0 0 20px}}.directorist-advanced-filter__advanced__element .directorist-search-field>label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:0 0 15px;font-size:16px;font-weight:500;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label{top:6px;-webkit-transform:unset;transform:unset;font-size:14px;font-weight:400}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date],.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time]{padding-right:0}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-top:40px}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label{top:-35px;-webkit-transform:unset;transform:unset;font-size:16px;font-weight:500;margin:0}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0;width:100%}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date],.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time]{padding-right:20px}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder{opacity:1}.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range>label,.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number>label{position:unset;-webkit-transform:unset;transform:unset}.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,.directorist-advanced-filter__advanced__element .directorist-search-tags{gap:15px;margin:0;padding:10px 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,.directorist-advanced-filter__advanced__element .directorist-search-tags{gap:10px}}.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio{margin:0;-webkit-box-flex:0;-webkit-flex:0 0 46%;-ms-flex:0 0 46%;flex:0 0 46%}@media only screen and (max-width:575px){.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox{display:none}.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4){display:block}.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon{margin-top:1px;z-index:99}.directorist-advanced-filter__advanced__element .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:0;margin:0 0 40px}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:16px;font-weight:500;margin:0;color:var(--directorist-color-dark)}.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox,.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker,.directorist-advanced-filter__advanced__element.directorist-search-field-location,.directorist-advanced-filter__advanced__element.directorist-search-field-pricing,.directorist-advanced-filter__advanced__element.directorist-search-field-radio,.directorist-advanced-filter__advanced__element.directorist-search-field-review,.directorist-advanced-filter__advanced__element.directorist-search-field-tag{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field,.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field{width:100%}.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-dark);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;cursor:pointer;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.directorist-advanced-filter__action .directorist-btn-reset-js:disabled{opacity:.5;cursor:not-allowed}.directorist-advanced-filter__action .directorist-btn{font-size:15px;font-weight:700;border-radius:8px;padding:0 32px;height:50px;letter-spacing:0}@media only screen and (max-width:375px){.directorist-advanced-filter__action .directorist-btn{padding:0 14.5px}}.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js{opacity:.5;cursor:not-allowed;pointer-events:none}.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon{right:0}.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon{left:0}.directorist-advanced-filter .directorist-date .directorist-form-group,.directorist-advanced-filter .directorist-time .directorist-form-group{width:100%}.directorist-advanced-filter .directorist-btn-ml{display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:var(--directorist-color-body)}.directorist-advanced-filter .directorist-btn-ml:hover{color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-advanced-filter .directorist-btn-ml{margin-top:10px}}.directorist-search-field-radius_search{position:relative}.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{position:absolute;right:0;top:0}.directorist-search-field-review .directorist-checkbox{display:block;width:auto}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:13px;font-weight:400;padding-left:35px;color:var(--directorist-color-body)}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:20px}@media screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:not(:last-child){margin-bottom:10px}}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:before{top:3px}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after{top:-2px}@media only screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label:after{top:0}}@media only screen and (max-width:575px){.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label{padding-left:28px}}.directorist-search-field-review .directorist-checkbox input[type=checkbox]+label .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-light)}.directorist-search-field-review .directorist-checkbox input[value="1"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="2"]+label .directorist-icon-mask:nth-child(2):after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:first-child:after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(2):after,.directorist-search-field-review .directorist-checkbox input[value="3"]+label .directorist-icon-mask:nth-child(3):after,.directorist-search-field-review .directorist-checkbox input[value="4"]+label .directorist-icon-mask:not(:nth-child(5)):after,.directorist-search-field-review .directorist-checkbox input[value="5"]+label .directorist-icon-mask:after{background-color:var(--directorist-color-star)}.directorist-search-field .directorist-price-ranges{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media (max-width:575px){.directorist-search-field .directorist-price-ranges{gap:12px 35px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}.directorist-search-field .directorist-price-ranges:after{content:"";position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px;height:2px;background-color:var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges .directorist-form-group:last-child{margin-left:15px}}@media (max-width:480px){.directorist-search-field .directorist-price-ranges{gap:20px}}.directorist-search-field .directorist-price-ranges__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.directorist-search-field .directorist-price-ranges__item.directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:transparent;border-bottom:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border:0!important}.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within{border-bottom:2px solid var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges__item.directorist-form-group{padding:0 15px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus{padding-bottom:0;border:2px solid var(--directorist-color-primary)}.directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix{height:34px;line-height:34px}}.directorist-search-field .directorist-price-ranges__label{margin-right:5px}.directorist-search-field .directorist-price-ranges__currency{line-height:1;margin-right:4px}.directorist-search-field .directorist-price-ranges__price-frequency{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;gap:6px;margin:11px 0 0}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges__price-frequency{gap:0;margin:0;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-search-field .directorist-price-ranges__price-frequency label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}.directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range{border-radius:10px 0 0 10px}.directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range{border-radius:0 10px 10px 0}.directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child){border-right:1px solid var(--directorist-color-border)}}.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]{display:none}.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked+.directorist-pf-range{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.directorist-search-field .directorist-price-ranges .directorist-pf-range{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-dark);background-color:var(--directorist-color-border);border-radius:8px;width:70px;height:36px}@media screen and (max-width:575px){.directorist-search-field .directorist-price-ranges .directorist-pf-range{width:100%;border-radius:0;background-color:var(--directorist-color-white)}}.directorist-search-field{font-size:15px}.directorist-search-field .wp-picker-container .wp-color-result,.directorist-search-field .wp-picker-container .wp-picker-clear{text-decoration:none}.directorist-search-field .wp-picker-container .wp-color-result,.directorist-search-field .wp-picker-container .wp-picker-clear{position:relative;height:40px;border:0;width:140px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:3px}.directorist-search-field .wp-picker-container .wp-color-result-text{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:102px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize;line-height:1}.directorist-search-field .wp-picker-holder{position:absolute;z-index:22}.check-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.check-btn label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:.3s ease;transition:.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{left:23px;-webkit-mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);mask-image:url(../images/e986e970b493125f349fc279b4b3d57b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:10px;height:10px;display:block;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:2}.check-btn label span:after,.check-btn label span:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-color:var(--directorist-color-white)}.check-btn label span:after{left:18px;width:16px;height:16px;border-radius:5px;border:2px solid #d9d9d9;-webkit-box-sizing:content-box;box-sizing:content-box}.pac-container{z-index:99999}.directorist-search-top{text-align:center;margin-bottom:34px}.directorist-search-top__title{color:var(--directorist-color-dark);font-size:36px;font-weight:500;margin-bottom:18px}.directorist-search-top__subtitle{color:var(--directorist-color-body);font-size:18px;opacity:.8;text-align:center}.directorist-search-contents{background-size:cover;padding:100px 0 120px}.directorist-search-field__label{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--directorist-color-body);-webkit-transition:opacity .3s ease,top .3s ease,font-size .3s ease;transition:opacity .3s ease,top .3s ease,font-size .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder,.directorist-search-field__label~.directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder,.directorist-search-field__label~.directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder,.directorist-search-field__label~.directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder,.directorist-search-field__label~.directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__label~.directorist-form-group__with-prefix .directorist-form-element::placeholder,.directorist-search-field__label~.directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field .directorist-form-group__prefix--start{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-field__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:12px;cursor:pointer}.directorist-search-field__btn--clear{right:0;opacity:0;visibility:hidden}.directorist-search-field__btn--clear i:after{width:16px;height:16px;background-color:#bcbcbc;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-search-field__btn--clear:hover i:after{background-color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-field .directorist-filter-location-icon{right:-15px}}.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select),.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select){padding-right:25px}.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js,.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js{padding-right:45px}.directorist-search-field.input-has-value .directorist-search-field__input[type=number],.directorist-search-field.input-is-focused .directorist-search-field__input[type=number]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-field.input-has-value .directorist-search-field__label,.directorist-search-field.input-is-focused .directorist-search-field__label{top:0;font-size:13px;font-weight:400;color:var(--directorist-color-body)}.directorist-search-field.input-has-value .directorist-search-field__btn--clear,.directorist-search-field.input-has-value .directorist-search-field__btn i:after,.directorist-search-field.input-is-focused .directorist-search-field__btn--clear,.directorist-search-field.input-is-focused .directorist-search-field__btn i:after{opacity:1;visibility:visible}.directorist-search-field.input-has-value .directorist-form-group__with-prefix,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix{border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-field.input-has-value .directorist-form-group__prefix--start,.directorist-search-field.input-is-focused .directorist-form-group__prefix--start{opacity:1}.directorist-search-field.input-has-value .directorist-form-group__with-prefix,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix{padding-right:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input,.directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input{bottom:0}.directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-field.input-has-value .directorist-select,.directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-field.input-is-focused .directorist-select{position:relative;bottom:-5px}.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input,.directorist-search-field.input-has-value.input-has-noLabel .directorist-select,.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input,.directorist-search-field.input-is-focused.input-has-noLabel .directorist-select{bottom:0;margin-top:0!important}.directorist-search-field.input-has-value.directorist-color .directorist-search-field__label,.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label,.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label,.directorist-search-field.input-has-value.directorist-time .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label,.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label,.directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label{opacity:1}.directorist-search-field.input-has-value .directorist-location-js,.directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered,.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered,.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-dark)}.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after,.directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-search-field.directorist-color .directorist-search-field__label,.directorist-search-field.directorist-date .directorist-search-field__label,.directorist-search-field .directorist-select .directorist-search-field__label,.directorist-search-field.directorist-time .directorist-search-field__label{opacity:0}.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-field .directorist-select~.directorist-search-field__btn--clear{right:25px}.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after,.directorist-search-field .directorist-select .directorist-icon-mask:after{background-color:grey}.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear{bottom:8px}.directorist-preload .directorist-search-form-top .directorist-search-field__label~.directorist-search-field__input{opacity:0;pointer-events:none}.directorist-search-form__box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;border:none;border-radius:10px;padding:22px 22px 22px 25px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.directorist-search-form__box{gap:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:575px){.directorist-search-form__box{padding:0;-webkit-box-shadow:unset;box-shadow:unset;border:none}.directorist-search-form__box .directorist-search-form-action{display:none}}.directorist-search-form__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:18px}@media screen and (max-width:767px){.directorist-search-form__top{width:100%}}@media screen and (min-width:576px){.directorist-search-form__top{margin-top:5px}.directorist-search-form__top .directorist-search-modal__minimizer{display:none}.directorist-search-form__top .directorist-search-modal__contents{border-radius:0;z-index:1}.directorist-search-form__top .directorist-search-query:after{display:none}.directorist-search-form__top .directorist-search-modal__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:30%;-webkit-flex:30%;-ms-flex:30%;flex:30%;margin:0;border:none;border-radius:0}.directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn{display:none}.directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus{border-bottom:2px solid var(--directorist-color-primary)}.directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field{border:0}.directorist-search-form__top .directorist-search-modal__input:not(:last-child) .directorist-search-field{border-right:1px solid var(--directorist-color-border)}.directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents{position:unset;opacity:1!important;visibility:visible!important;-webkit-transform:unset;transform:unset;width:100%;margin:0;max-width:unset;overflow:visible}.directorist-search-form__top .directorist-search-modal__contents__body{height:auto;padding:0;gap:18px;margin:0;overflow:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon{left:15px}.directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon,.directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:15px}.directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close{right:30px}.directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle{display:block}.directorist-search-form__top .directorist-search-category,.directorist-search-form__top .directorist-select{width:calc(100% + 15px)}}@media screen and (max-width:767px){.directorist-search-form__top .directorist-search-modal__input{-webkit-box-flex:44%;-webkit-flex:44%;-ms-flex:44%;flex:44%}}.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close{display:none}.directorist-search-form__top .directorist-search-form__single-category{cursor:not-allowed}.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select,.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select~.select2-container{opacity:.6;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-category~.directorist-search-field__btn{cursor:not-allowed;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-location{cursor:not-allowed}.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select,.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select~.select2-container{opacity:.6;pointer-events:none}.directorist-search-form__top .directorist-search-form__single-location~.directorist-search-field__btn{cursor:not-allowed;pointer-events:none}.directorist-search-form__top .directorist-search-field{-webkit-box-flex:30%;-webkit-flex:30%;-ms-flex:30%;flex:30%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin:0;position:relative;padding-bottom:0;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.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__btn--clear{right:15px;bottom:8px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input{padding-right:25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select{padding-right:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js{padding-right:45px}.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection{width:100%}.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:15px}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle,.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{right:5px}}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select{margin-top:3px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:38px;bottom:8px;top:unset;-webkit-transform:unset;transform:unset}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{bottom:10px}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{right:25px!important}}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap{top:12px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear{bottom:0}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap{top:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap~.directorist-search-field__btn--clear{bottom:unset}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select~.directorist-search-field__btn--clear{right:10px!important}}.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after{margin-top:3px}.directorist-search-form__top .directorist-search-field .directorist-form-element{background-color:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:0;border-bottom:2px solid transparent}.directorist-search-form__top .directorist-search-field .directorist-form-element:focus{border-color:var(--directorist-color-primary)}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field .directorist-form-element{border:0;border-radius:0;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}}.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element{border-bottom:2px solid var(--directorist-color-border)}.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus{border-color:var(--directorist-color-primary)}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element,.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus{border:none!important}.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap{right:15px}.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label,.directorist-search-form__top .directorist-search-field .directorist-select select{border:0}.directorist-search-form__top .directorist-search-field .wp-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap{margin:0}@media screen and (max-width:480px){.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label{width:70px}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input{padding-right:10px;bottom:0}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear{margin:0;width:100px}.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder{top:45px}.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper,.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper,.directorist-search-form__top .directorist-search-field .directorist-search-tags{padding:0;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered{font-size:14px;font-weight:500}.directorist-search-form__top .directorist-search-field .directorist-btn-ml{display:block;font-size:13px;font-weight:500;margin-top:10px;color:var(--directorist-color-body)}.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover{color:var(--directorist-color-primary)}@media screen and (max-width:767px){.directorist-search-form__top .directorist-search-field{-webkit-box-flex:44%;-webkit-flex:44%;-ms-flex:44%;flex:44%}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;margin:0 20px;border:none!important}.directorist-search-form__top .directorist-search-field__label{left:0;min-width:14px}.directorist-search-form__top .directorist-search-field__label:before{content:"";width:14px;height:14px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--directorist-color-body);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);mask-image:url(../images/447c512963a6e865700c065e70bb46b7.svg);opacity:0}.directorist-search-form__top .directorist-search-field__btn{bottom:unset;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.directorist-search-form__top .directorist-search-field__btn i:after{width:14px;height:14px}.directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single{width:100%}.directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle{position:absolute;right:5px;padding:0;width:auto}.directorist-search-form__top .directorist-search-field.input-has-value,.directorist-search-form__top .directorist-search-field.input-is-focused{padding:0;margin:0 40px}}@media screen and (max-width:575px) and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel,.directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel{margin:0 20px}.directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn,.directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn{right:0}}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input{bottom:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label{font-size:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before{opacity:1}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn{right:-20px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i:after,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i:after{width:14px;height:14px;opacity:1;visibility:visible}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear{right:25px}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon~.directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select~.directorist-search-field__btn--clear{bottom:12px;top:unset;-webkit-transform:unset;transform:unset}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select{padding-right:0}.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js{padding-right:30px}.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after,.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon{margin-top:0}.directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon{right:-20px;bottom:12px}.directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon,.directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon{right:0;bottom:8px}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label{opacity:0;font-size:0!important}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__label{top:12px;left:0}.directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency{top:12px;left:32px}}.directorist-search-form__top .select2-container{width:100%}.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 0;border:0!important;width:calc(100% - 15px)}.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:var(--directorist-color-body)}.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after{width:12px;height:12px;background-color:grey}.directorist-search-form__top .select2-container .directorist-select2-dropdown-close{display:none}.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle{position:absolute;padding:0;width:auto}.directorist-search-form__top input[type=number]::-webkit-inner-spin-button,.directorist-search-form__top input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-form-dropdown{padding:0!important;margin-right:5px!important}.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn{right:0}}.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear{bottom:12px;opacity:0;visibility:hidden}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:25px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label{opacity:1!important;visibility:visible;font-size:14px!important;font-weight:500}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item{font-weight:600;margin-left:5px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i:after,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i:after{opacity:1;visibility:visible}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-form-dropdown.input-has-value,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused{margin-right:20px!important}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input{padding-right:0!important}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn{right:20px}.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear{bottom:5px}}.directorist-search-form__top .directorist-search-basic-dropdown{position:relative}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0;width:100%;max-width:unset;height:40px;line-height:40px;margin-bottom:0!important;font-size:14px;font-weight:400;cursor:pointer;position:unset!important;-webkit-transform:unset!important;transform:unset!important;color:var(--directorist-color-body)}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty){-webkit-margin-end:5px;margin-inline-end:5px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty){width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-white);background-color:var(--directorist-color-primary);font-size:10px;border-radius:100%;-webkit-margin-start:10px;margin-inline-start:10px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after{width:12px;height:12px;background-color:grey}@media screen and (max-width:575px){.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before{left:-20px!important}}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content{position:absolute;left:0;width:100%;min-width:150px;padding:15px 20px;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:250px;overflow-y:auto;z-index:100;display:none}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show{display:block}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper,.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper,.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags{gap:12px}.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label{width:100%}.directorist-search-form__top .directorist-form-group__with-prefix{border:none}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input{padding-right:0!important;border:none!important;bottom:0}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus{border:none!important}.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element{padding-left:0!important}.directorist-search-form__top .directorist-form-group__with-prefix~.directorist-search-field__btn--clear{bottom:12px}.directorist-search-form-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:auto;margin-inline-end:auto;-webkit-padding-start:10px;padding-inline-start:10px;gap:10px}@media only screen and (max-width:767px){.directorist-search-form-action{-webkit-padding-start:0;padding-inline-start: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{gap:6px;height:50px;padding:0 18px;font-weight:400;background-color:var(--directorist-color-white)!important;border-color:var(--directorist-color-white);color:var(--directorist-color-btn-primary-bg)}.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask:after{height:12px;width:14px;background-color:var(--directorist-color-btn-primary-bg)}.directorist-search-form-action__filter .directorist-filter-btn:hover{color:rgba(var(--directorist-color-btn-primary-rgb),.8)}@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{gap:8px;height:50px;padding:0 25px;font-size:15px;font-weight:700;border-radius:8px}.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask:after{height:16px;width:16px;background-color:var(--directorist-color-white);-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media only screen and (max-width:575px){.directorist-search-form-action__submit{display:none}}.directorist-search-form-action__modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media only screen and (max-width:575px){.directorist-search-form-action__modal{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@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;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-search-form-action__modal__btn-search i:after{width:16px;height:16px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.directorist-search-form-action__modal__btn-advanced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after{height:16px;width:16px}.atbdp-form-fade{position:relative;border-radius:8px;overflow:visible}.atbdp-form-fade.directorist-search-form__box{padding:15px;border-radius:10px}.atbdp-form-fade.directorist-search-form__box:after{border-radius:10px}.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:2px solid transparent;border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:atbd_spin2 2s linear infinite;animation:atbd_spin2 2s linear infinite;z-index:9999}.atbdp-form-fade:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:8px;background:rgba(var(--directorist-color-primary-rgb),.3);z-index:9998}.directorist-on-scroll-loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:18px;font-weight:500;color:var(--directorist-color-primary);gap:8px}.directorist-on-scroll-loading .directorist-spinner{width:25px;height:25px;margin:0;background:transparent;border-top:3px solid var(--directorist-color-primary);border-right:3px solid transparent;border-radius:50%;-webkit-animation:rotate360 1s linear infinite;animation:rotate360 1s linear infinite}.directorist-listing-type-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none}@media only screen and (max-width:767px){.directorist-listing-type-selection{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}}@media only screen and (max-width:575px){.directorist-listing-type-selection{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-listing-type-selection__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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;padding:0 0 8px;color:var(--directorist-color-body)}.directorist-listing-type-selection__item a:hover{color:var(--directorist-color-primary)}.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after{background-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:700;color:var(--directorist-color-primary)}.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after{opacity:1;visibility:visible}.directorist-search-form-wrap .directorist-listing-type-selection{padding:0;margin:0}@media only screen and (max-width:575px){.directorist-search-form-wrap .directorist-listing-type-selection{margin:0 auto}}.directorist-search-contents .directorist-btn-ml:after{content:"";display:inline-block;margin-left:5px;-webkit-mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);mask-image:url(../images/05feea3d261c8b97573023a74fd26f03.svg);width:12px;height:12px;background-color:var(--directorist-color-body)}.directorist-search-contents .directorist-btn-ml.active:after{-webkit-mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.svg);mask-image:url(../images/c90867d23032298fc0ff1d456a6fdb30.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:20px 35px;margin:0;list-style:none}@media only screen and (max-width:575px){.directorist-listing-category-top ul{gap:12px;overflow-x:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.directorist-listing-category-top li a{color:var(--directorist-color-body);font-size:14px;font-weight:500;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:10px}.directorist-listing-category-top li a i,.directorist-listing-category-top li a span,.directorist-listing-category-top li a span.fab,.directorist-listing-category-top li a span.fas,.directorist-listing-category-top li a span.la,.directorist-listing-category-top li a span.lab,.directorist-listing-category-top li a span.lar,.directorist-listing-category-top li a span.las{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;min-width:250px;max-height:345px!important;overflow-y:scroll;border-radius:8px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);z-index:10}.directorist-search-field .directorist-location-js+.address_result ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;padding:7px;margin:0 0 15px;list-style-type:none}.directorist-search-field .directorist-location-js+.address_result ul a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:15px;font-size:14px;line-height:18px;margin:0 13px;color:var(--directorist-color-body);background-color:var(--directorist-color-white);border-radius:8px;text-decoration:none}.directorist-search-field .directorist-location-js+.address_result ul a .location-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:36px;max-width:36px;height:36px;border-radius:8px;background-color:var(--directorist-color-bg-gray)}.directorist-search-field .directorist-location-js+.address_result ul a .location-icon i:after{width:16px;height:16px}.directorist-search-field .directorist-location-js+.address_result ul a .location-address{position:relative;top:2px}.directorist-search-field .directorist-location-js+.address_result ul a.current-location{height:50px;margin:0 0 13px;padding:0 8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:var(--directorist-color-primary);background-color:var(--directorist-color-bg-gray)}.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address{position:relative;top:0}.directorist-search-field .directorist-location-js+.address_result ul a.current-location .location-address:before{content:"Current Location"}.directorist-search-field .directorist-location-js+.address_result ul a:hover{color:var(--directorist-color-primary)}.directorist-search-field .directorist-location-js+.address_result ul li{border:none;padding:0;margin:0}.directorist-zipcode-search .directorist-search-country{position:absolute;width:100%;left:0;top:45px;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 10px rgba(145,146,163,.2);box-shadow:0 5px 10px rgba(145,146,163,.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;margin:0}.directorist-search-contents .directorist-search-form-top .form-group.open_now{-webkit-box-flex:30.8%;-webkit-flex:30.8%;-ms-flex:30.8%;flex:30.8%;border-right:1px solid var(--directorist-color-border)}.directorist-custom-range-slider{width:100%}.directorist-custom-range-slider__wrap{-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-custom-range-slider__value,.directorist-custom-range-slider__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-custom-range-slider__value{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;background:transparent;border-bottom:1px solid var(--directorist-color-border);-webkit-transition:border .3s ease;transition:border .3s ease}.directorist-custom-range-slider__value:focus-within{border-bottom:2px solid var(--directorist-color-primary)}.directorist-custom-range-slider__value input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:40px;margin:0;padding:0!important;font-size:14px;font-weight:500;color:var(--directorist-color-primary);border:none!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.directorist-custom-range-slider__label{font-size:14px;font-weight:400;margin:0 10px 0 0;color:var(--directorist-color-light-gray)}.directorist-custom-range-slider__prefix{line-height:1;font-size:14px;font-weight:500;color:var(--directorist-color-primary)}.directorist-custom-range-slider__range__wrap{gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px;font-weight:500}.directorist-custom-range-slider__range__wrap,.directorist-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-pagination{gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-pagination,.directorist-pagination .page-numbers{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-pagination .page-numbers{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;width:40px;height:40px;font-size:14px;font-weight:400;border-radius:8px;color:var(--directorist-color-body);background-color:var(--directorist-color-white);border:2px solid var(--directorist-color-border);-webkit-transition:border .3s ease,color .3s ease;transition:border .3s ease,color .3s ease}.directorist-pagination .page-numbers .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-body)}.directorist-pagination .page-numbers span{border:0;min-width:auto;margin:0}.directorist-pagination .page-numbers.current,.directorist-pagination .page-numbers:hover{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-pagination .page-numbers.current .directorist-icon-mask:after,.directorist-pagination .page-numbers:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-categories{margin-top:15px}.directorist-categories__single{border-radius:12px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white)}.directorist-categories__single--image{background-position:50%;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-dark-rgb),.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;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;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:16px;color:var(--directorist-color-dark)}.directorist-categories__single__name:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after{width:50px;height:50px}@media screen and (max-width:991px){.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask:after{width:40px;height:40px}}.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask{background-color:var(--directorist-color-primary);border-radius:50%;padding:17px}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask:after{width:36px;height:36px;background-color:var(--directorist-color-white)}.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total{font-size:14px;font-weight:400;color:var(--directorist-color-deep-gray)}.directorist-categories__single--style-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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:3px solid var(--directorist-color-primary);margin-top:15px}.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-categories__single--style-three .directorist-category-count{border-color:var(--directorist-color-white)}.directorist-categories__single--style-four .directorist-icon-mask{background-color:var(--directorist-color-primary);border-radius:50%;padding:17px}.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)}.directorist-categories .directorist-row>*{margin-top:30px}.directorist-categories .directorist-type-nav{margin-bottom:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:var(--directorist-color-light);border-radius:var(--directorist-border-radius-lg);padding:8px 20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:15px;font-weight:500;text-decoration:none;position:relative;min-height:40px;-webkit-transition:.3s ease;transition:.3s ease;z-index:1}.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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-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{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask{width:40px;height:40px;border-radius:50%;background-color:var(--directorist-color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask:after{width:15px;height:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__count,.directorist-taxonomy-list-one .directorist-taxonomy-list__name{color:var(--directorist-color-dark)}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler{-webkit-margin-start:auto;margin-inline-start:auto}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask:after{width:10px;height:10px;-webkit-transition:.3s ease;transition:.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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:15px;text-decoration:none;color:var(--directorist-color-dark)}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul{-webkit-padding-start:10px;padding-inline-start:10px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item{background-color:var(--directorist-color-light);border-radius:12px;-webkit-padding-start:35px;padding-inline-start:35px;-webkit-padding-end:20px;padding-inline-end:20px;height:0;overflow:hidden;visibility:hidden;opacity:0;padding-bottom:20px;margin-top:-20px;-webkit-transition:.3s ease;transition:.3s ease}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li{margin:0}.directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item{-webkit-padding-start:15px;padding-inline-start:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item{-webkit-padding-start:64px;padding-inline-start:64px}.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon+.directorist-taxonomy-list__sub-item li>.directorist-taxonomy-list__sub-item{-webkit-padding-start:15px;padding-inline-start:15px}.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{border-radius:0 0 16px 16px;height:auto;visibility:visible;opacity:1;margin-top:0}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle+.directorist-taxonomy-list__sub-item{height:0;opacity:0;padding:0;visibility:hidden;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{opacity:1;height:auto;visibility:visible}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler:after{content:none}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler{-webkit-margin-start:auto;margin-inline-start:auto;position:relative;width:10px;height:10px;display:inline-block}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:before{position:absolute;content:"";left:0;top:50%;width:10px;height:1px;background-color:var(--directorist-color-deep-gray);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler:after{position:absolute;content:"";width:1px;height:10px;left:50%;top:0;background-color:var(--directorist-color-deep-gray);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.directorist-taxonomy-list-two .directorist-taxonomy-list{-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);border-radius:var(--directorist-border-radius-lg);background-color:var(--directorist-color-white)}.directorist-taxonomy-list-two .directorist-taxonomy-list__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;text-decoration:none;min-height:40px;-webkit-transition:.6s ease;transition:.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-color:var(--directorist-color-dark);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.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}.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(var(--directorist-color-dark-rgb),.5);border-radius:inherit}.directorist-location--grid-one .directorist-location__single--img .directorist-location__content{position:absolute;left:0;bottom:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a,.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;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white)}.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,.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 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:16px;font-weight:500}.directorist-location--grid-one .directorist-location__content a{color:var(--directorist-color-dark);text-decoration:none}.directorist-location--grid-one .directorist-location__content a:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0}.directorist-location--grid-one .directorist-location__count{display:block;font-size:14px;font-weight:400}.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}.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(var(--directorist-color-dark-rgb),.5);border-radius:var(--directorist-border-radius-lg)}.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img){height:300px;-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,.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 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}.directorist-location .directorist-row>*{margin-top:30px}.directorist-location .directorist-type-nav{margin-bottom:15px}.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),.5);left:0;top:0;z-index:9999;display:none;overflow:hidden;outline:0}.at-modal-content{position:relative;width:500px;margin:30px auto;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:calc(100% - 5rem);pointer-events:none}.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{-webkit-transition:.3s ease;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;-webkit-transition:.3s ease;transition:.3s ease}.at-modal .atm-contents-inner .at-modal-close{width:32px;height:32px;top:20px;right:20px;position:absolute;-webkit-transform:none;transform:none;background-color:#444752;color:var(--directorist-color-white);border-radius:300px;opacity:1;font-weight:300;z-index:2;font-size:16px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.at-modal .atm-contents-inner .close span{display:block;line-height:0}@media (min-width:992px) and (max-width:1199.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:768px) and (max-width:991.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (min-width:576px) and (max-width:767.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 60px)}}@media (max-width:575.98px){.at-modal-content.at-modal-lg,.at-modal-content.at-modal-md,.at-modal-content.at-modal-sm,.at-modal-content.at-modal-xl{width:calc(100% - 30px)}}.directorist-author__form{max-width:540px;margin:0 auto;padding:50px 40px;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media only screen and (max-width:480px){.directorist-author__form{padding:40px 25px}}.directorist-author__form__btn{width:100%;height:50px;border-radius:8px}.directorist-author__form__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:28px 0 33px}.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,.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{margin:0 0 20px}.directorist-author__form__recover-pass-modal p,.directorist-author__message__text{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-authentication{height:0;opacity:0;visibility:hidden;-webkit-transition:height .3s ease,opacity .3s ease,visibility .3s ease;transition:height .3s ease,opacity .3s ease,visibility .3s ease}.directorist-authentication__form{max-width:540px;margin:0 auto 15px;padding:50px 40px;border-radius:12px;background-color:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}@media only screen and (max-width:480px){.directorist-authentication__form{padding:40px 25px}}.directorist-authentication__form__btn{width:100%;height:50px;border:none;border-radius:8px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.directorist-authentication__form__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:28px 0 33px}.directorist-authentication__form__actions a{font-size:14px;font-weight:400;color:grey;border-bottom:1px dashed grey}.directorist-authentication__form__actions a:hover{color:#000;border-color:#000}.directorist-authentication__form__actions label,.directorist-authentication__form__toggle-area{font-size:14px;font-weight:400;color:#404040}.directorist-authentication__form__toggle-area a{margin-left:5px;color:#2c99ff;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-authentication__form__toggle-area a:hover{color:#000}.directorist-authentication__form__recover-pass-modal{display:none}.directorist-authentication__form__recover-pass-modal .directorist-form-group{margin:0;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e9e9e9}.directorist-authentication__form__recover-pass-modal p{font-size:14px;font-weight:400;color:#404040;margin:0 0 20px}.directorist-authentication__form .directorist-form-element{padding:15px 0;border-radius:0;border:none;border-bottom:1px solid #ececec}.directorist-authentication__form .directorist-form-group>label{margin:0;font-size:14px;font-weight:400;color:#404040}.directorist-authentication__btn{border:none;outline:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;color:#000;font-size:13px;font-weight:400;padding:0 6px;text-transform:capitalize;background:transparent;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-authentication__btn:hover{opacity:.75}.directorist-authentication__message__text{font-size:14px;font-weight:400;color:#404040}.directorist-authentication.active{height:auto;opacity:1;visibility:visible}.directorist-password-group{position:relative}.directorist-password-group-input{padding-right:40px!important}.directorist-password-group-toggle{position:absolute;top:calc(50% + 16px);right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.directorist-password-group-toggle svg{width:22px;height:22px;fill:none;stroke:#888;stroke-width:2}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}.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;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-authors__nav li.active a,.directorist-content-active .directorist-authors__nav li a:hover{border-bottom-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-content-active .directorist-authors__card{padding:20px;border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.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!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!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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0}.directorist-content-active .directorist-authors__card__info-list li:not(:last-child){margin-bottom:5px}.directorist-content-active .directorist-authors__card__info-list li a{color:#767792;border:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask{margin-right:5px;margin-top:3px}.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after{width:16px;height:16px}.directorist-content-active .directorist-authors__card__info-list li>i:not(.directorist-icon-mask){display:inline-block;margin-right:5px;margin-top:5px;font-size:16px}.directorist-content-active .directorist-authors__card .directorist-author-social{margin:0 0 15px}.directorist-content-active .directorist-authors__card .directorist-author-social li{margin:0}.directorist-content-active .directorist-authors__card .directorist-author-social a{border:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-content-active .directorist-authors__card .directorist-author-social a:hover{background-color:var(--directorist-color-primary)}.directorist-content-active .directorist-authors__card .directorist-author-social a:hover>span{background:none;color:var(--directorist-color-white)}.directorist-content-active .directorist-authors__card p{font-size:14px;color:#767792;margin-bottom:20px}.directorist-content-active .directorist-authors__card .directorist-btn{border:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-content-active .directorist-authors__card .directorist-btn:hover{background-color:var(--directorist-color-primary);color:var(--directorist-color-white)}.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;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:8}.directorist-select2-addon,.directorist-select2-addons-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-select2-addon{padding:0 5px}.directorist-select2-dropdown-close,.directorist-select2-dropdown-toggle{height:auto;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}.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt,.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div,.directorist-archive-contents .directorist-single-line .directorist-listing-tagline,.directorist-archive-contents .directorist-single-line .directorist-listing-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.directorist-all-listing-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-all-listing-btn__basic{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-all-listing-btn .directorist-btn__back i:after{width:16px;height:16px}.directorist-all-listing-btn .directorist-modal-btn--basic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:10px;min-height:40px;border-radius:30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-all-listing-btn .directorist-modal-btn--basic i:after{width:16px;height:16px;-webkit-transform:rotate(270deg);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-content-active .directorist-listing-single{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:15px;margin-bottom:15px}.directorist-content-active .directorist-listing-single--bg{border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}.directorist-content-active .directorist-listing-single__content{border-radius:4px}.directorist-content-active .directorist-listing-single__content__badges{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-content-active .directorist-listing-single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding:33px 20px 24px}.directorist-content-active .directorist-listing-single__info:empty{display:none}.directorist-content-active .directorist-listing-single__info__top{gap:6px;width:100%}.directorist-content-active .directorist-listing-single__info__top,.directorist-content-active .directorist-listing-single__info__top__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-content-active .directorist-listing-single__info__top__left{gap:10px}.directorist-content-active .directorist-listing-single__info__top__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close{background-color:transparent;color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open,.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open{background-color:transparent;color:var(--directorist-color-success)}.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta,.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:0;font-size:13px;color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i{display:none}.directorist-content-active .directorist-listing-single__info__badges,.directorist-content-active .directorist-listing-single__info__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-content-active .directorist-listing-single__info__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:10px 0 0;padding:0;width:100%}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info__list{gap:8px}}.directorist-content-active .directorist-listing-single__info__list>div,.directorist-content-active .directorist-listing-single__info__list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin:0;font-size:14px;line-height:18px;color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask,.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask{position:relative;top:2px}.directorist-content-active .directorist-listing-single__info__list>div .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info__list>div .directorist-listing-card-info-label,.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label{display:none}.directorist-content-active .directorist-listing-single__info__list .directorist-icon{font-size:17px;color:var(--directorist-color-body);margin-right:8px}.directorist-content-active .directorist-listing-single__info__list a{text-decoration:none;color:var(--directorist-color-body);word-break:break-word}.directorist-content-active .directorist-listing-single__info__list a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list{display:block;margin:0}.directorist-content-active .directorist-listing-single__info__list__label{display:inline-block;margin-right:5px}.directorist-content-active .directorist-listing-single__info--right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;position:absolute;right:20px;top:20px}@media screen and (max-width:991px){.directorist-content-active .directorist-listing-single__info--right{gap:15px}}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info--right{gap:10px}}.directorist-content-active .directorist-listing-single__info__excerpt{margin:10px 0 0;font-size:14px;color:var(--directorist-color-body);line-height:20px;text-align:left}.directorist-content-active .directorist-listing-single__info__excerpt a{color:var(--directorist-color-primary);text-decoration:underline}.directorist-content-active .directorist-listing-single__info__excerpt a:hover{color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info__top-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:20px;width:100%}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info__top-right{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite{position:absolute;top:20px;left:-30px}}.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right{position:unset}.directorist-content-active .directorist-listing-single__info a{text-decoration:none;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body);-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-content-active .directorist-listing-single__info a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info .directorist-info-item{font-size:14px;line-height:18px;position:relative;display:inline-block}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type){padding-right:10px}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;width:3px;height:3px;content:"";background-color:#bcbcbc}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge{margin-right:8px;padding-right:3px}.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after{right:-8px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;line-height:1;color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask{margin-right:4px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after{width:12px;height:12px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:auto;height:21px;line-height:21px;margin:0;border-radius:4px;font-size:10px;font-weight:700}.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review{display:block;margin-left:6px;font-size:14px;color:var(--directorist-color-light-gray);text-decoration:underline}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:5px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask{margin-top:2px}.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after,.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after{top:10px;-webkit-transform:unset;transform:unset}.directorist-content-active .directorist-listing-single__info .directorist-badge+.directorist-badge{margin-left:3px}.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin:0;font-size:14px;line-height:18px;color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__info .directorist-listing-title{font-size:18px;font-weight:500;padding:0;text-transform:none;line-height:20px;margin:0;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-content-active .directorist-listing-single__info .directorist-listing-title a{text-decoration:none;color:var(--directorist-color-dark)}.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price{font-size:14px;font-weight:700;padding:0;background:transparent;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price{font-weight:700}}.directorist-content-active .directorist-listing-single__meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;position:relative;padding:14px 20px;font-size:14px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid var(--directorist-color-border)}.directorist-content-active .directorist-listing-single__meta__left,.directorist-content-active .directorist-listing-single__meta__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a{text-decoration:none;font-size:14px;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;word-break:break-word;-webkit-transition:color .3s ease;transition:color .3s ease}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover{color:var(--directorist-color-primary)}.directorist-content-active .directorist-listing-single__meta .directorist-view-count{font-size:14px;color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px}.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after{width:15px;height:15px;background-color:var(--directorist-color-light-gray)}.directorist-content-active .directorist-listing-single__meta .directorist-view-count>span{display:inline-block;margin-right:5px}.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a{width:38px;height:38px;display:inline-block;vertical-align:middle}.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img{width:100%;height:100%;border-radius:50%}.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn{width:auto;height:auto}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask{height:34px;width:34px;border-radius:50%;background-color:var(--directorist-color-light);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a .directorist-icon-mask:after{background-color:var(--directorist-color-primary);width:14px;height:14px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category>a>span:before{color:var(--directorist-color-body)}.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count{font-size:14px;font-weight:500}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone,.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone{gap:5px}.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a{text-decoration:none}.directorist-content-active .directorist-listing-single__thumb{position:relative;margin:0}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;z-index:0;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:hidden;z-index:2}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure{width:100%;height:100%}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img{-o-object-fit:contain;object-fit:contain}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full{min-height:300px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap{z-index:1}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img,.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:0}.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img{-webkit-filter:blur(5px);filter:blur(5px)}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left{left:20px;top:20px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right{top:20px;right:20px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left{left:20px;bottom:30px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right{right:20px;bottom:30px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px}.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab,.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las{color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author{position:unset!important;-webkit-transform:unset!important;transform:unset!important}.directorist-content-active .directorist-listing-single__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 22px 0}.directorist-content-active .directorist-listing-single__top__left{-webkit-flex:1;-ms-flex:1;flex:1;flex-wrap:wrap}.directorist-content-active .directorist-listing-single__top__left,.directorist-content-active .directorist-listing-single__top__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.directorist-content-active .directorist-listing-single__top__right{flex-wrap:wrap;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-content-active .directorist-listing-single figure{margin:0}.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author,.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author{position:unset!important;-webkit-transform:unset!important;transform:unset!important}.directorist-content-active .directorist-listing-single .directorist-badge{margin:3px}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular{background-color:var(--directorist-color-popular-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open{background-color:var(--directorist-color-success)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close{background-color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new{background-color:var(--directorist-color-new-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured{background-color:var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation{background-color:var(--directorist-color-info)}.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold{background-color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single .directorist_open_status_badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-listing-single .directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span{top:auto;bottom:35px}.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before{top:auto;bottom:-7px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb{margin:0;position:relative;padding:10px 10px 0}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:0;border-radius:3px;background:var(--directorist-color-white);padding:0 8px;font-weight:700}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price{color:var(--directorist-color-danger)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img{border-radius:10px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author{position:absolute;left:20px;bottom:0;top:unset;-webkit-transform:translateY(50%);transform:translateY(50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left{left:20px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right{left:unset;right:20px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center{left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img{width:100%;border-radius:50%;height:auto;background-color:var(--directorist-color-bg-gray)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;border-radius:50%;width:42px;height:42px;border:3px solid var(--directorist-color-border)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn{width:30px;height:30px;background-color:var(--directorist-color-white)}@media screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child){display:none}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after{width:10px;height:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg{margin-left:0;font-size:12px;font-weight:400}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price{font-size:12px;font-weight:600}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after{width:14px;height:14px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt{font-size:12px;line-height:1.6}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>div,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list>li{font-size:12px;line-height:1.2;gap:8px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count{font-size:12px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup{margin-left:5px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category>a .directorist-icon-mask,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a{width:30px;height:30px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask{top:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after{width:12px;height:14px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{margin:0}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:320px;min-height:240px;padding:10px 0 10px 10px}}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb{padding:10px 10px 0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge{width:20px;height:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before{width:10px;height:10px}}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card{height:100%!important}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img{border-radius:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;padding:10px 0}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content{padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta{display:none}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta{display:none}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:18px 20px 15px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty{display:none}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list{margin:10px 0 0}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info{padding-top:10px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title{margin:0;font-size:14px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge{margin:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after{display:none}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right{right:unset;left:-30px;top:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon{width:20px;height:20px;border-radius:100%;background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before{width:10px;height:10px}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left{left:20px;top:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right{top:20px;right:10px}@media only screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right{right:unset;left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left{left:20px;bottom:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right{right:10px;bottom:20px}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge{margin:0;padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after{display:none}@media only screen and (min-width:576.99px){.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta{padding:14px 20px 7px}}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border-radius:100%;color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after{width:12px;height:12px}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:21px;line-height:21px;width:auto;padding:0 5px;border-radius:4px}@media screen and (max-width:575px){.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open{height:18px;line-height:18px;font-size:8px}}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular .directorist-icon-mask:after{background-color:var(--directorist-color-popular-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new .directorist-icon-mask:after{background-color:var(--directorist-color-new-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured .directorist-icon-mask:after{background-color:var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured{background-color:var(--directorist-color-featured-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular{background-color:var(--directorist-color-popular-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new{background-color:var(--directorist-color-new-badge);color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after,.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-content-active .directorist-listing-single.directorist-featured{border:1px solid var(--directorist-color-featured-badge)}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info{z-index:1}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure{margin:0;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty,.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty{display:none}@media screen and (max-width:991px){.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn{background:transparent;width:auto;height:auto}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content{padding:0}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0}.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right{margin-top:15px}.directorist-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.fa,.directorist-rating-meta.directorist-info-item-rating span.la{margin-left:4px}.directorist-mark-as-favorite__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:relative;text-decoration:none;padding:0;font-weight:unset;line-height:unset;text-transform:unset;letter-spacing:unset;background:transparent;border:none;cursor:pointer}.directorist-mark-as-favorite__btn:focus,.directorist-mark-as-favorite__btn:hover{outline:0;text-decoration:none}.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before,.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before{background-color:var(--directorist-color-danger)}.directorist-mark-as-favorite__btn .directorist-favorite-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-mark-as-favorite__btn .directorist-favorite-icon:before{content:"";-webkit-mask-image:url(../images/6bf407d27842391bbcd90343624e694b.svg);mask-image:url(../images/6bf407d27842391bbcd90343624e694b.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:15px;height:15px;background-color:var(--directorist-color-danger);-webkit-transition:.3s ease;transition:.3s ease}.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before{-webkit-mask-image:url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);mask-image:url(../images/2e589ffc784b0c43089b0222cab8ed4f.svg);background-color:var(--directorist-color-danger)}.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span{position:absolute;min-width:120px;right:0;top:35px;background-color:var(--directorist-color-dark);color:var(--directorist-color-white);font-size:13px;border-radius:3px;text-align:center;padding:5px;z-index:111}.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before{content:"";position:absolute;border-bottom:8px solid var(--directorist-color-dark);border-right:6px solid transparent;border-left:6px solid transparent;right:8px;top:-7px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:20px 22px 0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge{background-color:#f4f4f4}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author{position:unset;-webkit-transform:unset;transform:unset}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img{height:100%;width:100%;max-width:none;border-radius:50%}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title{font-size:18px;font-weight:500;padding:0;text-transform:none;line-height:1.2;margin:0;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (max-width:575px){.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title{font-size:16px}}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a{text-decoration:none;color:var(--directorist-color-dark)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover{color:var(--directorist-color-primary)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline{margin:0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info{padding:10px 22px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list{margin:16px 0 10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask{position:relative;top:4px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon{font-size:17px;color:#444752;margin-right:8px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a,.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span{text-decoration:none;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;line-height:1.7}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt{margin:15px 0 0;font-size:14px;color:var(--directorist-color-body);line-height:24px;text-align:left}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li{color:var(--directorist-color-body);margin:0}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child){margin:0 0 10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div{margin-bottom:2px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-icon-mask{position:relative;top:4px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li>div .directorist-listing-card-info-label{display:none}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon{font-size:17px;color:#444752;margin-right:8px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a{text-decoration:none;color:var(--directorist-color-body);border-bottom:0;-webkit-box-shadow:none;box-shadow:none;line-height:1.7}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover{color:var(--directorist-color-primary)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a{color:var(--directorist-color-primary);text-decoration:underline}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover{color:var(--directorist-color-body)}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content{border:0;padding:10px 22px 25px}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn{width:auto;height:auto}.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px}.directorist-listing-single.directorist-listing-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-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-close,.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open{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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-listing-category,.directorist-listing-category__popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-listing-category__popup{position:relative;margin-left:10px;cursor:pointer}.directorist-listing-category__popup__content{display:block;position:absolute;width:150px;visibility:hidden;opacity:0;pointer-events:none;bottom:25px;left:-30px;padding:10px;border:none;border-radius:10px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);line-break:auto;word-break:break-all;-webkit-transition:.3s ease;transition:.3s ease;z-index:1}.directorist-listing-category__popup__content:after{content:"";left:40px;bottom:-11px;border:6px solid transparent;border-top:6px solid var(--directorist-color-white);display:inline-block;position:absolute}.directorist-listing-category__popup__content a{color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;line-height:normal;padding:10px;border-radius:8px}.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-single__meta__right .directorist-listing-category__popup__content{left:unset;right:-30px}.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after{left:unset;right:40px}.directorist-listing-price-range span{font-weight:600;color:rgba(122,130,166,.3)}.directorist-listing-price-range span.directorist-price-active{color:var(--directorist-color-body)}#gmap.leaflet-container,#map.leaflet-container,.directorist-single-map.leaflet-container{direction:ltr}#gmap.leaflet-container .leaflet-popup-content-wrapper,#map.leaflet-container .leaflet-popup-content-wrapper,.directorist-single-map.leaflet-container .leaflet-popup-content-wrapper{border-radius:8px;padding:0}#gmap.leaflet-container .leaflet-popup-content,#map.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){#gmap.leaflet-container .leaflet-popup-content,#map.leaflet-container .leaflet-popup-content,.directorist-single-map.leaflet-container .leaflet-popup-content{width:300px!important}}@media only screen and (max-width:375px){#gmap.leaflet-container .leaflet-popup-content,#map.leaflet-container .leaflet-popup-content,.directorist-single-map.leaflet-container .leaflet-popup-content{width:250px!important}}#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,#map.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}#gmap.leaflet-container .leaflet-popup-content .osm-iw-location,#map.leaflet-container .leaflet-popup-content .osm-iw-location,.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location{margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location,#map.leaflet-container .leaflet-popup-content .osm-iw-get-location,.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .atbdp-map,#map.leaflet-container .leaflet-popup-content .atbdp-map,.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map{line-height:1;width:350px!important}#gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,#map.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%}#gmap.leaflet-container .leaflet-popup-content .media-body,#map.leaflet-container .leaflet-popup-content .media-body,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body{padding:10px 15px}#gmap.leaflet-container .leaflet-popup-content .media-body a,#map.leaflet-container .leaflet-popup-content .media-body a,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body a{text-decoration:none}#gmap.leaflet-container .leaflet-popup-content .media-body h3 a,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location{margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,#map.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}#gmap.leaflet-container .leaflet-popup-content .atbdp-map,#map.leaflet-container .leaflet-popup-content .atbdp-map,.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map{margin:0}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img,#map.leaflet-container .leaflet-popup-content .map-info-wrapper img,.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img{width:100%}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,#map.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}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,#map.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}#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,#map.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}#gmap.leaflet-container .leaflet-popup-close-button,#map.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,.5);border-radius:50%;color:var(--directorist-color-white);right:10px;left:auto;top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:13px;cursor:pointer;-webkit-transition:.3s ease;transition:.3s ease;line-height:inherit;padding:0;display:none}#gmap.leaflet-container .leaflet-popup-close-button:hover,#map.leaflet-container .leaflet-popup-close-button:hover,.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover{background-color:#444752}#gmap.leaflet-container .leaflet-popup-tip-container,#map.leaflet-container .leaflet-popup-tip-container,.directorist-single-map.leaflet-container .leaflet-popup-tip-container{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-chr,.directorist-single-map .gm-style-iw-tc{display:none}.map-listing-card-single{position:relative;padding:10px;border-radius:8px;-webkit-box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.33);box-shadow:0 5px 20px rgba(var(--directorist-color-dark-rgb),.33);background-color:var(--directorist-color-white)}.map-listing-card-single figure{margin:0}.map-listing-card-single .directorist-mark-as-favorite__btn{position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:100%;background-color:var(--directorist-color-white)}.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon:before{width:16px;height:16px}.map-listing-card-single__img .atbd_tooltip{margin-left:10px;margin-bottom:10px}.map-listing-card-single__img .atbd_tooltip img{width:auto}.map-listing-card-single__img a{width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.map-listing-card-single__img figure{width:100%;margin:0}.map-listing-card-single__img img{width:100%;max-width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.map-listing-card-single__author+.map-listing-card-single__content{padding-top:0}.map-listing-card-single__author a{width:42px;height:42px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:100%;margin-top:-24px;margin-left:7px;margin-bottom:5px;border:3px solid var(--directorist-color-white)}.map-listing-card-single__author img{width:100%;height:100%;border-radius:100%}.map-listing-card-single__content{padding:15px 10px 10px}.map-listing-card-single__content__title{font-size:16px;font-weight:500;margin:0 0 10px!important;color:var(--directorist-color-dark)}.map-listing-card-single__content__title a{text-decoration:unset;color:var(--directorist-color-dark)}.map-listing-card-single__content__title a:hover{color:var(--directorist-color-primary)}.map-listing-card-single__content__meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 20px;gap:10px 0}.map-listing-card-single__content__meta .directorist-rating-meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;color:var(--directorist-color-body);padding:0}.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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:3px;border-radius:100%;background-color:var(--directorist-color-gray-hover)}.map-listing-card-single__content__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.map-listing-card-single__content__info,.map-listing-card-single__content__info .directorist-info-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:100%;background-color:var(--directorist-color-marker-shape)}.atbd_map_shape:before{content:"";position:absolute;left:-20px;top:-20px;width:0;height:0;opacity:0;visibility:hidden;border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;border:40px solid rgba(var(--directorist-color-marker-shape-rgb),.2);-webkit-animation:atbd_scale 3s linear infinite alternate;animation:atbd_scale 3s linear infinite alternate}.atbd_map_shape .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-marker-icon)}.atbd_map_shape:hover:before{opacity:1;visibility:visible}.marker-cluster-shape{width:35px;height:35px;background-color:var(--directorist-color-marker-shape);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--directorist-color-marker-icon);font-size:15px;font-weight:700;position:relative;cursor:pointer}.marker-cluster-shape:before{position:absolute;content:"";width:47px;height:47px;left:-6px;top:-6px;background:rgba(var(--directorist-color-marker-shape-rgb),.15);border-radius:50%}.atbd_google_map .gm-style .gm-style-iw,.atbdp-map .gm-style .gm-style-iw,.directorist-details-info-wrap .gm-style .gm-style-iw{width:350px;padding:0;border-radius:8px;-webkit-box-shadow:unset;box-shadow:unset;max-height:none!important}@media only screen and (max-width:375px){.atbd_google_map .gm-style .gm-style-iw,.atbdp-map .gm-style .gm-style-iw,.directorist-details-info-wrap .gm-style .gm-style-iw{width:275px;max-width:unset!important}}.atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d,.atbdp-map .gm-style .gm-style-iw .gm-style-iw-d,.directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d{overflow:hidden!important;max-height:100%!important}.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect,.atbdp-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}.atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show,.atbdp-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 0 .5rem;font-weight:500;line-height:1.2;color:var(--directorist-color-dark);letter-spacing:normal}.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close{width:32px;height:32px;right:-40px!important;top:-30px!important;left:auto;position:absolute;-webkit-transform:none;transform:none;background-color:#444752;color:var(--directorist-color-white);border-radius:300px;opacity:1;font-weight:300;z-index:2;font-size:16px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;border:none;cursor:pointer}.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;resize:none;padding:10px 16px;border-radius:8px;border:1px solid var(--directorist-color-border)}.directorist-report-abuse-modal .directorist-modal__body textarea:focus{border:1px solid var(--directorist-color-primary)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;border:none}.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-radius:50%;border:2px solid #f3f3f3;border-top-color:#656a7a;width:20px;height:20px;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite;display:inline-block;margin:0 0 0 10px;position:relative;top:4px}.directorist-report-abuse-modal .directorist-modal__content{padding:20px 30px}.directorist-report-abuse-modal #directorist-report-abuse-form{text-align:left}.atbd_rated_stars ul,.directorist-rated-stars ul{margin:0;padding:0}.atbd_rated_stars li,.directorist-rated-stars li{display:inline-block;padding:0;margin:0}.atbd_rated_stars span,.directorist-rated-stars span{color:#d4d3f3;display:block;width:14px;height:14px;position:relative}.atbd_rated_stars span:before,.directorist-rated-stars span:before{content:"";-webkit-mask-image:url(../images/9a1043337f37b65647d77feb64df21dd.svg);mask-image:url(../images/9a1043337f37b65647d77feb64df21dd.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:15px;height:15px;background-color:#d4d3f3;position:absolute;left:0;top:0}.atbd_rated_stars span.directorist-rate-active:before,.directorist-rated-stars span.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){.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light{background-color:transparent}}.directorist-listing-details .directorist-listing-single{border:0}.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:var(--directorist-color-body);-webkit-transition:.3s ease;transition:.3s ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px}.directorist-single-tag-list a .directorist-icon-mask{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;min-width:35px;border-radius:50%;background-color:var(--directorist-color-bg-light);position:relative;top:-5px;-webkit-transition:.3s ease;transition:.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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;border-radius:50%;background-color:var(--directorist-color-bg-light);margin-right:10px;-webkit-transition:.3s ease;transition:.3s ease;font-size:15px}.directorist-single-tag-list a:hover{color:var(--directorist-color-primary)}.directorist-single-tag-list a:hover 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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-sidebar .directorist-search-form .directorist-search-form-action{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced{padding-left:0}.directorist-sidebar .directorist-add-listing-types{padding:25px}.directorist-sidebar .directorist-add-listing-types__single{margin:0}.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid{padding:0}.directorist-sidebar .directorist-add-listing-types .directorist-row{gap:15px;margin:0}.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%;padding:0;margin:0}.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon)+.directorist-taxonomy-list__sub-item{padding:0}.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list>.directorist-taxonomy-list__toggle--open~.directorist-taxonomy-list__sub-item{margin-top:10px;padding:10px 20px}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card+.directorist-taxonomy-list__sub-item{padding:0;margin-top:0}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item{background-color:var(--directorist-color-light);border-radius:12px}.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open+.directorist-taxonomy-list__sub-item li{margin-top:0}.directorist-single-listing-top{gap:20px;margin:15px 0 30px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:575px){.directorist-single-listing-top{gap:10px}}.directorist-single-listing-top .directorist-return-back{gap:8px;margin:0;-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;min-width:120px;text-decoration:none;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:2px solid var(--directorist-color-white)}@media screen and (max-width:575px){.directorist-single-listing-top .directorist-return-back{border:none;min-width:auto}}.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text{display:block}@media screen and (max-width:575px){.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text{display:none}}.directorist-single-listing-top__btn-wrapper{position:fixed;width:100%;height:80px;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.8);z-index:999}.directorist-single-listing-top__btn-continue.directorist-btn{height:46px;border-radius:8px;font-size:15px;font-weight:600;padding:0 25px;background-color:#394dff!important;color:var(--directorist-color-white)}.directorist-single-listing-top__btn-continue.directorist-btn:hover{background-color:#2a3cd9!important;color:var(--directorist-color-white);border-color:var(--directorist-color-white)!important}.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text{display:block}.directorist-single-contents-area{-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-single-contents-area .directorist-card{padding:0;-webkit-filter:none;filter:none;margin-bottom:35px}.directorist-single-contents-area .directorist-card .directorist-card__body{padding:30px}@media screen and (max-width:575px){.directorist-single-contents-area .directorist-card .directorist-card__body{padding:20px 15px}}.directorist-single-contents-area .directorist-card .directorist-card__header{padding:20px 30px}@media screen and (max-width:575px){.directorist-single-contents-area .directorist-card .directorist-card__header{padding:15px 20px}}.directorist-single-contents-area .directorist-card .directorist-single-author-name h4{margin:0}.directorist-single-contents-area .directorist-card__header__title{gap:12px;font-size:18px;font-weight:500;color:var(--directorist-color-dark)}.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter{margin-right:10px}.directorist-single-contents-area .directorist-card__header-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:34px;height:34px;border-radius:50%;background-color:var(--directorist-color-bg-light)}.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask{color:var(--directorist-color-dark)}.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after{width:14px;height:14px}.directorist-single-contents-area .directorist-details-info-wrap a{font-size:15px;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body)}.directorist-single-contents-area .directorist-details-info-wrap a:hover{color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-details-info-wrap ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 10px;margin:0;list-style-type:none;padding:0}.directorist-single-contents-area .directorist-details-info-wrap li{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%}.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover{background-color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location{padding-top:18px}.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after{background-color:grey}.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after{background-color:var(--directorist-color-white)}.directorist-single-contents-area .directorist-related{padding:0}.directorist-single-contents-area{margin-top:50px}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap{gap:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info{margin:0}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix{border:none;margin-top:4px}.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix{height:auto;line-height:unset;color:var(--directorist-color-body)}.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form{width:100%}.directorist-single-contents-area .directorist-card{margin-bottom:25px}.directorist-single-map__location{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px 0 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:575px){.directorist-single-map__location{padding:20px 0 0}}.directorist-single-map__address{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px}.directorist-single-map__address i:after{width:14px;height:14px;margin-top:4px}.directorist-single-map__direction a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-single-contents-area .directorist-single-map__direction a{font-size:14px;color:var(--directorist-color-info)}.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after{background-color:var(--directorist-color-info)}.directorist-single-contents-area .directorist-single-map__direction a:hover{color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-info)}.directorist-single-listing-header{margin-bottom:25px;margin-top:-15px;padding:0}.directorist-single-wrapper .directorist-listing-single__info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.directorist-single-wrapper .directorist-single-listing-slider-wrap{padding:0;margin:15px 0}.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img{-o-object-fit:contain;object-fit:contain}.directorist-single-listing-quick-action{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.directorist-single-listing-quick-action{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:575px){.directorist-single-listing-quick-action{gap:12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-single-listing-quick-action .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-action-bookmark,.directorist-single-listing-quick-action .directorist-action-report,.directorist-single-listing-quick-action .directorist-social-share{font-size:0}}.directorist-single-listing-quick-action .directorist-social-share-links{position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:2;visibility:hidden;opacity:0;right:0;top:calc(100% + 30px);background-color:var(--directorist-color-white);border-radius:8px;width:150px;-webkit-box-shadow:0 5px 15px rgba(var(--directorist-color-dark-rgb),.15);box-shadow:0 5px 15px rgba(var(--directorist-color-dark-rgb),.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;font-size:14px;font-weight:500;border:0;border-radius:8px;color:var(--directorist-color-body);-webkit-transition:.3s ease;transition:.3s ease}.directorist-single-listing-quick-action .directorist-social-links__item a i,.directorist-single-listing-quick-action .directorist-social-links__item a span.fa,.directorist-single-listing-quick-action .directorist-social-links__item a span.la,.directorist-single-listing-quick-action .directorist-social-links__item a span.lab{color:var(--directorist-color-body)}.directorist-single-listing-quick-action .directorist-social-links__item a i:after,.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after,.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{width:18px;height:18px}.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after{background-color:var(--directorist-color-body)}.directorist-single-listing-quick-action .directorist-social-links__item a span.fa{font-family:Font Awesome\ 5 Brands;font-weight:900;font-size:15px}.directorist-single-listing-quick-action .directorist-social-links__item a:hover{font-weight:500;background-color:rgba(var(--directorist-color-primary-rgb),.1);color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-social-links__item a:hover i,.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa,.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la{color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-single-listing-quick-action .directorist-listing-single__quick-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-single-listing-action{gap:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:13px;font-weight:400;border:0;border-radius:8px;padding:0 16px;cursor:pointer;text-decoration:none;color:var(--directorist-color-body);border:2px solid var(--directorist-color-white)!important;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.directorist-single-listing-action:hover{background-color:var(--directorist-color-white)!important;border-color:var(--directorist-color-primary)!important}@media screen and (max-width:575px){.directorist-single-listing-action{gap:0;border:none}.directorist-single-listing-action.directorist-btn.directorist-btn-light{background-color:var(--directorist-color-white);border:1px solid var(--directorist-color-light)!important}.directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text{display:none}}@media screen and (max-width:480px){.directorist-single-listing-action{padding:0 10px;font-size:12px}}@media screen and (max-width:380px){.directorist-single-listing-action.directorist-btn-sm{min-height:38px}}.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after{background-color:var(--directorist-color-dark)}.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after{background-color:var(--directorist-color-danger)}.directorist-single-listing-action .directorist-icon-mask:after{width:15px;height:15px}.directorist-single-listing-action a{-webkit-box-shadow:none;box-shadow:none}.directorist-single-listing-action .atbdp-require-login,.directorist-single-listing-action .directorist-action-report-not-loggedin{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.directorist-single-listing-action .atbdp-require-login i,.directorist-single-listing-action .directorist-action-report-not-loggedin i{pointer-events:none}.directorist-listing-details{margin:15px 0 30px}.directorist-listing-details__text p{margin:0 0 15px;color:var(--directorist-color-body);line-height:24px}.directorist-listing-details__text ul{list-style:disc;padding-left:20px;margin-left:0}.directorist-listing-details__text li{list-style:disc}.directorist-listing-details__listing-title{font-size:30px;font-weight:600;display:inline-block;margin:15px 0 0;color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-listing-details__listing-title{font-size:24px}}.directorist-listing-details__tagline{margin:10px 0;color:var(--directorist-color-body)}.directorist-listing-details .directorist-pricing-meta .directorist-listing-price{padding:5px 10px;border-radius:6px;background-color:var(--directorist-color-light)}.directorist-listing-details .directorist-listing-single__info{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-single-contents-area .directorist-embaded-video{width:100%;height:400px;border:0;border-radius:12px}@media (max-width:768px){.directorist-single-contents-area .directorist-embaded-video{height:56.25vw}}.directorist-single-contents-area .directorist-single-map{border-radius:12px;z-index:1}.directorist-single-contents-area .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 figure{margin:0}.directorist-single-author-info .diretorist-view-profile-btn{margin-top:22px;padding:0 30px}.directorist-single-author-avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-single-author-avatar .directorist-single-author-avatar-inner{margin-right:10px;width:auto}.directorist-single-author-avatar .directorist-single-author-avatar-inner img{width:50px;height:50px;border-radius:50%}.directorist-single-author-avatar .directorist-single-author-name h1,.directorist-single-author-avatar .directorist-single-author-name h2,.directorist-single-author-avatar .directorist-single-author-name h3,.directorist-single-author-avatar .directorist-single-author-name h4,.directorist-single-author-avatar .directorist-single-author-name h5,.directorist-single-author-avatar .directorist-single-author-name h6{font-size:16px;font-weight:500;line-height:1.2;letter-spacing:normal;margin:0 0 3px;color:var(--color-dark)}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.directorist-single-author-contact-info ul li{width:100%;-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-left:0}.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 a:hover{color:var(--directorist-color-primary)}.directorist-single-author-contact-info ul .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-light-gray)}.directorist-single-author-contact-info-text{font-size:15px;margin-left:12px;-webkit-box-shadow:none;box-shadow:none;color:var(--directorist-color-body)}.directorist-single-author-info .directorist-social-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:25px -5px -5px}.directorist-single-author-info .directorist-social-wrap a{margin:5px;display:block;line-height:35px;width:35px;text-align:center;background-color:var(--directorist-color-body)!important;border-radius:4px;color:var(--directorist-color-white)!important;overflow:hidden;-webkit-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important}.directorist-details-info-wrap .directorist-single-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:15px;word-break:break-word;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 15px}.directorist-details-info-wrap .directorist-single-info:not(:last-child){margin-bottom:12px}.directorist-details-info-wrap .directorist-single-info a{-webkit-box-shadow:none;box-shadow:none}.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color{width:30px;height:30px;border-radius:5px}.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.directorist-details-info-wrap .directorist-single-info__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:140px;color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info__label{min-width:130px}}@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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:50%;margin-right:10px;font-size:14px;text-align:center;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;color:var(--directorist-color-light-gray);background-color:var(--directorist-color-bg-light)}.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after{width:14px;height:14px}.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-number .directorist-single-info__value{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.directorist-details-info-wrap .directorist-single-info__value{margin-top:4px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info__value{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;margin-top:0}}.directorist-details-info-wrap .directorist-single-info__value a{color:var(--directorist-color-body)}@media screen and (max-width:575px){.directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label{display:none}}.directorist-social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.directorist-social-links a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;background-color:var(--directorist-color-light);border-radius:8px;overflow:hidden;-webkit-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!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:red}.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,.directorist-social-links a:hover.stack-overflow{background-color:#f50}.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 30px;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}@media screen and (max-width:480px){.directorist-google-map,.directorist-single-map{height:320px}}.directorist-rating-review-block{display:inline-block;border:1px solid #e3e6ef;padding:10px 20px;border-radius:2px;margin-bottom:20px}.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{-webkit-box-shadow:none;box-shadow:none}.directorist-rating-given-block .directorist-rating-given-block__label{margin:0 10px 0 0}.directorist-rating-given-block__stars .br-widget a:before{content:"";-webkit-mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.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-active:before,.directorist-rating-given-block__stars .br-widget a.br-selected: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-single-review{padding-bottom:26px;padding-top:30px;border-bottom:1px solid #e3e6ef}.directorist-single-review:first-child{padding-top:0}.directorist-single-review:last-child{padding-bottom:0;border-bottom:0}.directorist-single-review .directorist-single-review__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.directorist-single-review .directorist-single-review-avatar-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:22px}.directorist-single-review .directorist-single-review-avatar{margin-right:12px}.directorist-single-review .directorist-single-review-avatar img{max-width:50px;border-radius:50%}.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active{color:#fa8b0c}.atbdp-universal-pagination ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;margin:-5px;padding:0}.atbdp-universal-pagination li,.atbdp-universal-pagination ul{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.atbdp-universal-pagination li{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin:5px;padding:0 10px;border:1px solid var(--directorist-color-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:28px;border-radius:3px;-webkit-transition:.3s ease;transition:.3s ease;background-color:var(--directorist-color-white)}.atbdp-universal-pagination li i{line-height:28px}.atbdp-universal-pagination li.atbd-active{cursor:pointer}.atbdp-universal-pagination li.atbd-active:hover,.atbdp-universal-pagination li.atbd-selected{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.atbdp-universal-pagination li.atbd-inactive{opacity:.5}.atbdp-universal-pagination li[class^=atbd-page-jump-]{min-width:30px;min-height:30px;position:relative;cursor:pointer}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h{visibility:hidden;opacity:0;left:70%;-webkit-transition:.3s ease;transition:.3s ease}.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d{visibility:visible;opacity:1;-webkit-transition:.3s ease;transition:.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}.directorist-review-container{padding:0;margin-bottom:35px}.directorist-review-container .comment-form-cookies-consent,.directorist-review-container .comment-notes{margin-bottom:20px;font-style:italic;font-size:14px;font-weight:400}.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:15px;color:var(--directorist-color-deep-gray)}.directorist-review-content #cancel-comment-reply-link:focus,.directorist-review-content #cancel-comment-reply-link:hover,.directorist-review-content .directorist-js-cancel-comment-edit:focus,.directorist-review-content .directorist-js-cancel-comment-edit:hover{color:var(--directorist-color-dark)}@media screen and (max-width:575px){.directorist-review-content #cancel-comment-reply-link,.directorist-review-content .directorist-js-cancel-comment-edit{margin-left:0}}.directorist-review-content .directorist-review-content__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:6px 20px;border:1px solid #eff1f6;border-bottom-color:#f2f2f2;background-color:var(--directorist-color-white);border-radius:16px 16px 0 0}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title){font-size:16px;font-weight:500;color:#1a1b29;margin:10px 0}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span{color:var(--directorist-color-body)}.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before{content:"-";color:#8f8e9f;padding-right:5px}.directorist-review-content .directorist-review-content__header .directorist-btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask{display:inline-block;margin-right:4px}.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-review-content .directorist-review-content__header .directorist-btn:hover{opacity:.8}.directorist-review-content .directorist-review-content__header .directorist-noreviews{font-size:16px;margin-bottom:0;padding:19px 20px 15px}.directorist-review-content .directorist-review-content__header .directorist-noreviews a{color:#2c99ff}.directorist-review-content .directorist-review-content__overview{-ms-flex-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px 50px}.directorist-review-content .directorist-review-content__overview,.directorist-review-content .directorist-review-content__overview__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.directorist-review-content .directorist-review-content__overview__rating{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;text-align:center;-ms-flex-align:center}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point{font-size:34px;font-weight:600;color:#1a1b29;display:block;margin-right:15px}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars{font-size:15px;color:#ef8000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:3px}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after{width:15px;height:15px;background-color:#ef8000}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star{position:relative}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);background-color:#ef8000}.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall{font-size:14px;color:#8c90a4;display:block}.directorist-review-content .directorist-review-content__overview__benchmarks{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:25px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-6px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single>*{margin:6px!important}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;min-width:70px;display:inline-block;word-wrap:break-word;word-break:break-all;margin-bottom:0;font-size:15px;color:var(--directorist-color-body)}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress{-webkit-box-flex:1.5;-webkit-flex:1.5;-ms-flex:1.5;flex:1.5;border-radius:2px;height:5px;-webkit-box-shadow:none;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar{background-color:#f2f3f5;border-radius:2px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value{background-color:#ef8000;border-radius:2px;-webkit-box-shadow:none;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar{background-color:#f2f3f5;border-radius:2px}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value{background-color:#ef8000;border-radius:2px;box-shadow:none}.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;font-size:15px;font-weight:500;color:#090e30;text-align:right}.directorist-review-content .directorist-review-content__reviews,.directorist-review-content .directorist-review-content__reviews ul{padding:0;margin:10px 0 0;list-style-type:none}.directorist-review-content .directorist-review-content__reviews li,.directorist-review-content .directorist-review-content__reviews ul li{list-style-type:none;margin-left:0}.directorist-review-content .directorist-review-content__reviews>li{border-top:1px solid #eff1f6}.directorist-review-content .directorist-review-content__reviews>li:not(:last-child){margin-bottom:10px}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request{position:relative}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request:before{position:absolute;z-index:100;left:50%;top:50%;display:block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid rgba(var(--directorist-color-dark-rgb),.2);border-top-color:rgba(var(--directorist-color-dark-rgb),.8);-webkit-animation:directoristCommentEditLoading .6s linear infinite;animation:directoristCommentEditLoading .6s linear infinite}.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content,.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply,.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report{display:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single{padding:25px;border-radius:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single a{text-decoration:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body{margin-bottom:0;padding:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap{margin:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:-8px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img{padding:8px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img{width:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:static}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details{padding:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2{font-size:15px;font-weight:500;color:#090e30;margin:0 0 5px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after,.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before{content:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time{display:inline-block;font-size:14px;color:#8c90a4}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time:before{content:"-";padding-right:8px;padding-left:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars{font-size:11px;color:#ef8000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after{width:11px;height:11px;background-color:#ef8000}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a{font-size:13px;color:#8c90a4;display:block}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content{font-size:16px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px -5px 0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img{max-width:100px;-o-object-fit:cover;object-fit:cover;margin:5px;border-radius:6px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:15px -5px 0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a{margin:5px;font-size:13px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply{margin:20px -8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a{color:#8c90a4;font-size:13px;display:block;margin:0 8px;background:none}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask{margin-right:3px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask:after{width:.9em;height:.9em;background-color:#8c90a4}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment{padding-left:40px}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap{position:relative}.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap:before{content:"";height:100%;background-color:#f2f2f2;width:2px;left:-20px;position:absolute;top:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit{margin-top:0!important;margin-bottom:0!important;border:0!important}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header{padding-left:0;padding-right:0}.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:100%;width:100%;margin:0!important}.directorist-review-content .directorist-review-content__pagination{padding:0;margin:25px 0 0}.directorist-review-content .directorist-review-content__pagination ul{border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-4px;padding-top:0;list-style-type:none;height:auto;background:none}.directorist-review-content .directorist-review-content__pagination ul li{padding:4px;list-style-type:none}.directorist-review-content .directorist-review-content__pagination ul li .page-numbers{width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;border:1px solid #e1e4ec;color:#090e30;font-weight:500;font-size:14px;background-color:var(--directorist-color-white)}.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current{border-color:#090e30}.directorist-review-submit{margin-top:25px;margin-bottom:25px;background-color:var(--directorist-color-white);border-radius:4px;border:1px solid #eff1f6}.directorist-review-submit__header{gap:15px}.directorist-review-submit__header h3{font-size:16px;font-weight:500;color:#1a1b29;margin:0}.directorist-review-submit__header h3 span{color:var(--directorist-color-body)}.directorist-review-submit__header h3 span:before{content:"-";color:#8f8e9f;padding-right:5px}.directorist-review-submit__header .directorist-btn{font-size:13px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px;min-height:40px;border-radius:8px}.directorist-review-submit__header .directorist-btn .directorist-icon-mask{display:inline-block;margin-right:4px}.directorist-review-submit__header .directorist-btn .directorist-icon-mask:after{width:13px;height:13px;background-color:var(--directorist-color-white)}.directorist-review-submit__overview{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:30px 50px;border-top:0}.directorist-review-submit__overview,.directorist-review-submit__overview__rating{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-submit__overview__rating{gap:20px;text-align:center}@media (max-width:480px){.directorist-review-submit__overview__rating{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-review-submit__overview__rating .directorist-rating-stars{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-review-submit__overview__rating .directorist-rating-point{font-size:40px;font-weight:600;display:block;color:var(--directorist-color-dark)}.directorist-review-submit__overview__rating .directorist-rating-stars{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star{position:relative}.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);mask-image:url(../images/b6ad67158aa2d6258e619021127e704f.svg);background-color:var(--directorist-color-warning)}.directorist-review-submit__overview__rating .directorist-rating-overall{font-size:14px;color:var(--directorist-color-body);display:block}.directorist-review-submit__overview__benchmarks{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:25px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-6px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single>*{margin:6px!important}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label{-webkit-box-flex:0.1;-webkit-flex:0.1;-ms-flex:0.1;flex:0.1;min-width:70px;display:inline-block;margin-right:4px}.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after{width:12px;height:12px;background-color:var(--directorist-color-white)}.directorist-review-submit__reviews,.directorist-review-submit__reviews ul{padding:0;list-style-type:none;margin:10px 0 0}.directorist-review-submit>li{border-top:1px solid var(--directorist-color-border)}.directorist-review-submit .directorist-comment-edit-request{position:relative}.directorist-review-submit .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-submit .directorist-comment-edit-request>li{border-top:1px solid var(--directorist-color-border)}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request{position:relative}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;background-color:hsla(0,0%,100%,.8);border-radius:4px}.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before{position:absolute;z-index:100;left:50%;top:50%;display:block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid rgba(var(--directorist-color-dark-rgb),.2);border-top-color:rgba(var(--directorist-color-dark-rgb),.8);-webkit-animation:directoristCommentEditLoading .6s linear infinite;animation:directoristCommentEditLoading .6s linear infinite}.directorist-review-single .directorist-comment-editing .directorist-review-single__actions,.directorist-review-single .directorist-comment-editing .directorist-review-single__content,.directorist-review-single .directorist-comment-editing .directorist-review-single__report{display:none}.directorist-review-content__pagination{padding:0;margin:25px 0 35px}.directorist-review-content__pagination ul{border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;border:1px solid #e1e4ec;color:#090e30;font-weight:500;font-size:14px;background-color:var(--directorist-color-white)}.directorist-review-content__pagination li .page-numbers.current{border-color:#090e30}.directorist-review-single{padding:40px 30px;margin:0}@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{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.directorist-review-single .directorist-review-single__header,.directorist-review-single__author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-review-single__author{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-review-single__author__img{width:50px;height:50px;padding:0}.directorist-review-single__author__img img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:static}.directorist-review-single__author__details{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:var(--directorist-color-warning)}.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask{margin:1px}.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after{width:11px;height:11px;background-color:var(--directorist-color-warning)}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:15px -5px 0}.directorist-review-single__feedback a{margin:5px;font-size:13px}.directorist-review-single__actions{margin:20px -8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-review-single__actions,.directorist-review-single__actions a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-single__actions a{font-size:13px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;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-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:575px){.directorist-review-single .directorist-review-meta{gap:10px}}.directorist-review-single .directorist-review-meta .directorist-review-date{margin:0}.directorist-review-single .directorist-review-submit{margin-top:0;margin-bottom:0;border:0;-webkit-box-shadow:0 0;box-shadow:0 0}.directorist-review-single .directorist-review-submit__header{padding-left:0;padding-right:0}.directorist-review-single .directorist-review-submit .directorist-card__header__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:13px;max-width:100%;width:100%;margin:0}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-review-submit__form{margin:0!important}.directorist-review-submit__form:not(.directorist-form-comment-edit){padding:25px}.directorist-review-submit__form#commentform .directorist-form-group,.directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.directorist-review-submit__form .directorist-review-single .directorist-card__body{padding-left:0;padding-right:0}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:15px}.directorist-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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:#e1e4ec;margin:1px;text-decoration:none;outline:0}.directorist-review-submit__form .directorist-review-criteria__single a:before{content:"";-webkit-mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);mask-image:url(../images/c8cb6a06142934b1fac8df29a41ebf7c.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:14px;height:14px;background-color:var(--directorist-color-white)}.directorist-review-submit__form .directorist-review-criteria__single a:focus{background-color:#e1e4ec!important;text-decoration:none!important;outline:0}.directorist-review-submit__form .directorist-review-criteria__single a.br-active,.directorist-review-submit__form .directorist-review-criteria__single a.br-selected{background-color:var(--directorist-color-warning)!important;text-decoration:none;outline:0}.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating{display:inline-block;margin-left:20px;font-size:14px;font-weight:500}.directorist-review-submit__form .directorist-form-group:not(:last-child){margin-bottom:20px}.directorist-review-submit__form .directorist-form-group textarea{background-color:#f6f7f9;font-size:15px;display:block;resize:vertical;margin:0}.directorist-review-submit__form .directorist-form-group textarea:focus{background-color:#f6f7f9}.directorist-review-submit__form .directorist-form-group label{display:block;font-size:15px;font-weight:500;color:var(--directorist-color-dark);margin-bottom:5px}.directorist-review-submit__form .directorist-form-group input[type=email],.directorist-review-submit__form .directorist-form-group input[type=text],.directorist-review-submit__form .directorist-form-group input[type=url]{height:46px;background-color:var(--directorist-color-white);margin:0}.directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-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=email]:-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder,.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder,.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder{color:var(--directorist-color-deep-gray)}.directorist-review-submit__form .form-group-comment{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.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:12px;resize:none;padding:20px;min-height:140px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--directorist-color-white);border:2px solid var(--directorist-color-border)}.directorist-review-submit__form .form-group-comment textarea:focus{border:2px solid var(--directorist-color-border-gray)}.directorist-review-submit__form .directorist-review-media-upload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-review-submit__form .directorist-review-media-upload input[type=file]{display:none}.directorist-review-submit__form .directorist-review-media-upload label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:115px;height:100px;border-radius:8px;border:1px dashed #c6d0dc;cursor:pointer;margin-bottom:0}.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:var(--directorist-color-body);margin-top:6px}.directorist-review-submit__form .directorist-review-img-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px -5px -5px 5px}.directorist-review-submit__form .directorist-review-gallery-preview{position:relative;margin:5px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview{position:relative}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete{opacity:1;visibility:visible}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img{width:115px;height:100px;max-width:115px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:30px;width:30px;border-radius:50%;color:var(--directorist-color-white);background-color:var(--directorist-color-danger);opacity:0;visibility:hidden}.directorist-review-submit__form .directorist-review-gallery-preview img{width:115px;height:100px;max-width:115px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:30px;width:30px;border-radius:50%;color:var(--directorist-color-white);background-color:var(--directorist-color-danger);opacity:0;visibility:hidden}.directorist-review-submit .directorist-btn{padding:0 20px}.directorist-review-content+.directorist-review-submit.directorist-review-submit--hidden{display:none!important}@-webkit-keyframes directoristCommentEditLoading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes directoristCommentEditLoading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.directorist-favourite-items-wrap{-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}.directorist-favourite-items-wrap .directorist-favourirte-items{background-color:var(--directorist-color-white);padding:20px 10px;border-radius:12px}.directorist-favourite-items-wrap .directorist-dashboard-items-list{font-size:15px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px!important;margin:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:.35s;transition:.35s}@media only screen and (max-width:991px){.directorist-favourite-items-wrap .directorist-dashboard-items-list__single{background-color:#f8f9fa;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover{background-color:#f8f9fa;border-radius:5px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn{opacity:1;visibility:visible}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img{margin-right:20px}@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-dark);text-decoration:none}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category{color:var(--directorist-color-primary);text-decoration:none}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i,.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 span.la{margin-right:6px;color:var(--directorist-color-light-gray)}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn{font-weight:500;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:8px;padding:0 14px;color:var(--directorist-color-white)!important;line-height:2.65;opacity:0;visibility:hidden}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask{margin-right:5px}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn>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;-webkit-box-sizing:border-box;box-sizing:border-box}.directorist-user-dashboard__contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:20px}.directorist-user-dashboard__toggle{margin-bottom:20px}.directorist-user-dashboard__toggle__link{border:1px solid #e3e6ef;padding:6.5px 8px;border-radius:8px;display:inline-block;outline:0;background-color:var(--directorist-color-white);line-height:1;color:var(--directorist-color-primary)}.directorist-user-dashboard__tab-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:calc(100% - 250px)}.directorist-user-dashboard .directorist-alert{margin-bottom:15px}.directorist-user-dashboard #directorist-preference-notice .directorist-alert{margin-top:15px;margin-bottom:0}#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),.5)}#directorist-dashboard-preloader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top:8px solid var(--directorist-color-primary);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#directorist-dashboard-preloader div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}#directorist-dashboard-preloader div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}#directorist-dashboard-preloader div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.directorist-user-dashboard-tab__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;border-radius:12px;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media screen and (max-width:480px){.directorist-user-dashboard-tab__nav{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.directorist-user-dashboard-tab ul{margin:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:0}@media screen and (max-width:480px){.directorist-user-dashboard-tab ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}}.directorist-user-dashboard-tab 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:var(--directorist-color-dark);position:relative}.directorist-user-dashboard-tab li a:after{position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:8px;opacity:0;visibility:hidden;content:"";background-color:var(--directorist-color-primary)}.directorist-user-dashboard-tab li a.directorist-tab__nav__active{color:var(--directorist-color-primary)}.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:12px;margin:16px 0 16px 16px}.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon{position:absolute;left:16px;top:50%;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.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__icon .directorist-icon-mask:after{width:16px;height:16px}.directorist-user-dashboard-tab .directorist-user-dashboard-search input{border:0;border-radius:18px;font-size:14px;font-weight:400;color:#8f8e9f;padding:10px 18px 10px 40px;min-width:260px;height:36px;background-color:#f6f7f9;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.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:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light);border-radius:12px;margin-top:15px}.directorist-user-dashboard-tabcontent .directorist-listing-table{border-radius:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table{display:table;border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:0;margin-top:0;overflow:visible!important;width:100%}.directorist-user-dashboard-tabcontent .directorist-listing-table tr{background-color:var(--directorist-color-white)}.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;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu{-webkit-transform:translateY(0);transform:translateY(0)}.directorist-user-dashboard-tabcontent .directorist-listing-table tr td,.directorist-user-dashboard-tabcontent .directorist-listing-table tr th{font-size:14px;font-weight:400;color:var(--directorist-color-body);padding:12.5px 22px;border:0}.directorist-user-dashboard-tabcontent .directorist-listing-table tr th{letter-spacing:1.1px;font-size:12px;font-weight:500;color:#8f8e9f;text-transform:uppercase;border-bottom:1px solid #eff1f6}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img{margin-right:12px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:6px;max-width:inherit}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title{margin:0 0 5px;font-size:15px;font-weight:500}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a{color:#0a0b1e;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price{font-size:14px;font-weight:500;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge{font-size:12px;font-weight:700;border-radius:4px;padding:3px 7px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary{color:var(--directorist-color-primary);background-color:rgba(var(--directorist-color-primary),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish{color:var(--directorist-color-success);background-color:rgba(var(--directorist-color-success-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger-rgb),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger{color:var(--directorist-color-danger);background-color:rgba(var(--directorist-color-danger),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning{color:var(--directorist-color-warning);background-color:rgba(var(--directorist-color-warning),.15)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a{font-size:13px;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn{color:var(--directorist-color-info);font-weight:500;margin-right:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask:after{width:16px;height:16px;background-color:var(--directorist-color-info)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--directorist-color-white);font-weight:500;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i,.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span,.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg{position:relative;top:1.5px;margin-right:5px;font-size:14px;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label{margin-bottom:0;font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown{position:relative;border:0}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu{position:absolute;right:0;top:35px;opacity:0;visibility:hidden;background-color:var(--directorist-color-white);-webkit-box-shadow:0 5px 15px rgba(143,142,159,.1254901961);box-shadow:0 5px 15px rgba(143,142,159,.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;border-radius:6px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list{position:relative}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child){padding-bottom:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after{position:absolute;left:20px;bottom:0;width:calc(100% - 40px);height:1px;background-color:#eff1f6;content:""}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item{padding:10px 20px;font-size:14px;color:var(--directorist-color-body);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-decoration:none;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover{background-color:#f6f7f9}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child{margin-top:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i{font-size:15px;margin-right:14px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox{padding:10px 20px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child{margin-top:10px}.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label{font-size:14px;font-weight:400;color:var(--directorist-color-body)}.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child){margin-right:4px}.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child){margin-right:0;margin-bottom:4px}.directorist-user-dashboard-tabcontent .directorist_dashboard_category li i,.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa,.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas,.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin:2px 22px 0;padding:30px 0 40px;border-top:1px solid #eff1f6}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers{padding:0;line-height:normal;height:40px;min-height:40px;width:40px;min-width:40px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:2px solid var(--directorist-color-border);border-radius:8px;background-color:var(--directorist-color-white);-webkit-transition:.3s;transition:.3s;color:var(--directorist-color-body);text-align:center;margin:4px;right:auto;float:none;font-size:15px;text-decoration:none}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current,.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover{border-color:var(--directorist-color-primary);color:var(--directorist-color-primary)}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after,.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after{width:14px;height:14px;background-color:var(--directorist-color-body)}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing{min-width:218px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type{min-width:95px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date{min-width:140px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status{min-width:115px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan{min-width:120px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions{min-width:155px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td,.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th{padding:12px}.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn{margin-right:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-bottom:20px}.directorist-user-dashboard-search{margin-top:15px}}.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),.1)}.directorist-become-author-modal{position:fixed;width:100%;height:100%;background:rgba(var(--directorist-color-dark-rgb),.5);left:0;top:0;z-index:9999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none}.directorist-become-author-modal.directorist-become-author-modal__show{visibility:visible;opacity:1;pointer-events:all}.directorist-become-author-modal__content{background-color:var(--directorist-color-white);border-radius:5px;padding:20px 30px 15px;text-align:center;position:relative}.directorist-become-author-modal__content p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-become-author-modal__content h3{font-size:20px}.directorist-become-author-modal__content .directorist-become-author-modal__approve{background-color:#3e62f5;display:inline-block;color:var(--directorist-color-white);text-align:center;margin:10px 5px 0;min-width:100px;padding:8px 0!important;border-radius:3px}.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus{background-color:#3e62f5!important}.directorist-become-author-modal__content .directorist-become-author-modal__cancel{background-color:#eee;display:inline-block;text-align:center;margin:10px 5px 0;min-width:100px;padding:8px 0!important;border-radius:3px}.directorist-become-author-modal span.directorist-become-author__loader{border-right:2px solid var(--directorist-color-primary);width:15px;height:15px;display:inline-block;border-radius:50%;border:2px solid var(--directorist-color-primary);border-right-color:var(--directorist-color-white);-webkit-animation:rotate360 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:rotate360 1.2s cubic-bezier(.5,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:var(--directorist-color-white)}.directorist-shade.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}.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:8px;display:inline-block}.directorist-user-dashboard__nav{min-width:230px;padding:20px 10px;margin-right:30px;-webkit-transition:.3s ease;transition:.3s ease;position:relative;left:0;border-radius:12px;overflow:hidden;overflow-y:auto;background-color:var(--directorist-color-white);-webkit-box-shadow:var(--directorist-box-shadow);box-shadow:var(--directorist-box-shadow);border:1px solid var(--directorist-color-border-light)}@media only screen and (max-width:1199px){.directorist-user-dashboard__nav{position:fixed;top:0;left:0;width:230px;height:100vh;background-color:var(--directorist-color-white);padding-top:100px;-webkit-box-shadow:0 5px 10px rgba(143,142,159,.1);box-shadow:0 5px 10px rgba(143,142,159,.1);z-index:2222}}@media only screen and (max-width:600px){.directorist-user-dashboard__nav{right:20px;top:10px}}.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:600px){.directorist-user-dashboard__nav .directorist-dashboard__nav__close{right:20px;top:10px}}.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed{min-width:unset;width:0!important;height:0;margin-right:0;left:-230px;visibility:hidden;opacity:0;padding:0;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease}.directorist-tab__nav__items{list-style-type:none;padding:0;margin:0}.directorist-tab__nav__items a{text-decoration:none}.directorist-tab__nav__items li{margin:0}.directorist-tab__nav__items li ul{display:none;list-style-type:none;padding:0;margin:0}.directorist-tab__nav__items li ul li a{padding-left:25px;text-decoration:none}.directorist-tab__nav__link{font-size:14px;border-radius:4px;padding:10px;outline:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:var(--directorist-color-body);text-decoration:none}.directorist-tab__nav__link,.directorist-tab__nav__link .directorist_menuItem-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.directorist-tab__nav__link .directorist_menuItem-text{pointer-events:none;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon{line-height:0}.directorist-tab__nav__link .directorist_menuItem-text i,.directorist-tab__nav__link .directorist_menuItem-text span.fa{pointer-events:none;display:inline-block}.directorist-tab__nav__link.directorist-tab__nav__active,.directorist-tab__nav__link:focus{font-weight:700;background-color:var(--directorist-color-border);color:var(--directorist-color-primary)}.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after,.directorist-tab__nav__link:focus .directorist-icon-mask:after{background-color:var(--directorist-color-primary)}.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown,.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown{background-color:transparent}.directorist-tab__nav__action{margin-top:15px}.directorist-tab__nav__action .directorist-btn{display:block}.directorist-tab__nav__action .directorist-btn:not(:last-child){margin-bottom:15px}.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,#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9{width:100%}.directorist-image-profile-wrap{padding:25px;background-color:var(--directorist-color-white);border-radius:12px;border:1px solid #ececec}.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn{border-radius:8px;padding:10.5px 30px;background-color:#f6f7f9;-webkit-box-shadow:0 0;box-shadow:0 0;font-size:14px;font-weight:500;color:var(--directorist-color-dark)}.directorist-image-profile-wrap .directorist-profile-uploader{border-radius:12px}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon{background-image:none}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask:after{width:16px;height:16px}.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg{background-image:none;background-color:var(--directorist-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/232acb97ace4f437ace78cc02bdfd165.svg);mask-image:url(../images/232acb97ace4f437ace78cc02bdfd165.svg)}.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater{max-width:140px}.directorist-user-profile-box .directorist-card__header{padding:18px 20px}.directorist-user-profile-box .directorist-card__body{padding:25px 25px 30px}.directorist-user-info-wrap .directorist-form-group{margin-bottom:25px}.directorist-user-info-wrap .directorist-form-group>label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:5px}.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info{color:var(--directorist-color-light-gray);display:inline-block;font-size:14px;font-weight:400;margin-top:4px}.directorist-user-info-wrap .directorist-btn-profile-save{width:100%;text-align:center;text-transform:capitalize;text-decoration:none}.directorist-user-info-wrap #directorist-profile-notice .directorist-alert{margin-top:15px}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label{margin-bottom:0;color:var(--directorist-color-dark);font-size:14px;font-weight:400}.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input{margin:0}.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label{font-size:14px;color:var(--directorist-color-dark);font-weight:600;line-height:normal}.directorist-user_preferences .directorist-preference-radio{margin-top:25px}.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label{color:var(--directorist-color-dark);font-weight:700;font-size:14px;margin-bottom:10px}.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.directorist-user_preferences .select2-selection__arrow,.directorist-user_preferences .select2-selection__clear,.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b{display:block!important}.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection{border-bottom-color:var(--directorist-color-primary)}.directorist-toggle{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.directorist-toggle-switch{display:inline-block;background:var(--directorist-color-border);border-radius:12px;width:44px;height:22px;position:relative;vertical-align:middle;-webkit-transition:background .25s;transition:background .25s}.directorist-toggle-switch:after,.directorist-toggle-switch:before{content:""}.directorist-toggle-switch:before{display:block;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:4px;-webkit-transition:left .25s;transition:left .25s}.directorist-toggle:hover .directorist-toggle-switch:before{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:linear-gradient(180deg,#fff 0,#fff)}.directorist-toggle-checkbox:checked+.directorist-toggle-switch{background:var(--directorist-color-primary)}.directorist-toggle-checkbox:checked+.directorist-toggle-switch:before{left:25px}.directorist-toggle-checkbox{position:absolute;visibility:hidden}.directorist-user-socials .directorist-user-social-label{font-size:18px;padding-bottom:18px;margin-bottom:28px!important;border-bottom:1px solid #eff1f6}.directorist-user-socials label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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:var(--directorist-color-white);border-radius:12px;padding:20px 10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}.directorist-announcement-wrapper .directorist-announcement{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:15.5px;margin-bottom:15.5px;border-bottom:1px solid #f1f2f6}.directorist-announcement-wrapper .directorist-announcement:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}@media (max-width:479px){.directorist-announcement-wrapper .directorist-announcement{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:0.4217;-webkit-flex:0.4217;-ms-flex:0.4217;flex:0.4217;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f5f6f8;border-radius:6px;padding:10.5px;min-width:120px}@media (max-width:1199px){.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}@media (max-width:479px){.directorist-announcement-wrapper .directorist-announcement__date{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.directorist-announcement-wrapper .directorist-announcement__date__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{-webkit-box-flex:8;-webkit-flex:8;-ms-flex:8;flex:8;padding-left:15px}@media (max-width:1199px){.directorist-announcement-wrapper .directorist-announcement__content{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6}}@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,.directorist-announcement-wrapper .directorist-announcement__content p:empty{display:none}.directorist-announcement-wrapper .directorist-announcement__close{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement{height:36px;width:36px;border-radius:50%;background-color:#f5f5f5;border:0;padding:0;-webkit-transition:.35s;transition:.35s;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask:after{-webkit-transition:.35s;transition:.35s;background-color:#474868}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover{background-color:var(--directorist-color-danger)}.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask:after{background-color:var(--directorist-color-white)}.directorist-announcement-wrapper .directorist_not-found{margin:0}.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}.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}.directorist-payment-table th{text-align:left;padding:9px 20px;background-color:var(--directorist-color-bg-gray)}.directorist-payment-table tbody td,.directorist-payment-table th{font-size:14px;font-weight:500;border:none;color:var(--directorist-color-dark)}.directorist-payment-table tbody td{padding:5px 0;vertical-align:top}.directorist-payment-table tbody tr:first-child td{padding-top:20px}.directorist-payment-table__label{font-weight:400;width:140px;color:var(--directorist-color-light-gray)!important}.directorist-payment-table__title{font-size:15px;font-weight:600;margin:0 0 10px!important;text-transform:capitalize;color:var(--directorist-color-dark)}.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 td:nth-child(2n){text-align:right}.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title,.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td{font-size:16px}.directorist-btn-view-listing{min-height:54px;border-radius:10px}.directorist-checkout-card{-webkit-box-shadow:0 3px 15px rgba(0,0,0,.08);box-shadow:0 3px 15px rgba(0,0,0,.08);-webkit-filter:none;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-color:var(--directorist-color-white)}.directorist-payment-gateways ul{margin:0;padding:0}.directorist-payment-gateways li{list-style-type:none;padding:0;margin:0}.directorist-payment-gateways li:not(:last-child){margin-bottom:15px}.directorist-payment-gateways li .gateway_list{margin-bottom:10px}.directorist-payment-gateways .directorist-radio input[type=radio]+.directorist-radio__label{font-size:16px;font-weight:500;line-height:1.15;color:var(--directorist-color-dark)}.directorist-payment-gateways .directorist-card__body .directorist-payment-text{font-size:14px;font-weight:400;line-height:1.86;margin-top:4px;color:var(--directorist-color-body)}.directorist-payment-action{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:42px -7px -7px}.directorist-payment-action .directorist-btn{min-height:54px;padding:0 80px;border-radius:8px;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-amount,.directorist-summery-total .directorist-summery-label{font-size:18px;font-weight:500;color:var(--color-dark)}.directorist-iframe{border:none}.ads-advanced .bottom-inputs{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media (min-width:992px) and (max-width:1199px){.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp,.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist,.atbd_content_active .widget.atbd_widget .atbdp,.atbd_content_active .widget.atbd_widget .directorist{padding:20px 20px 15px}.atbd_content_active #directorist.atbd_wrapper .atbdp_column{width:33.3333%!important}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@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{-webkit-box-flex:0;-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}.ads-advanced .atbdp-custom-fields-search .form-group{width:50%}.ads-advanced .atbd_seach_fields_wrapper .single_search_field{margin-bottom:10px;margin-top:0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form{margin-left:-15px;margin-right:-15px}}@media (max-width:767px){.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child{margin-top:0;margin-bottom:0}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field{border-right:0}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline{padding-right:0}#directorist .atbd_listing_details .atbd_area_title{margin-bottom:15px}.atbd_content_active #directorist.atbd_wrapper .atbdp_column{width:50%!important}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area{padding:20px 15px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{margin-top:30px}.ads-advanced .bottom-inputs>div{width:50%}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}.atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img{width:100%}.atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group,.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_color label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label,.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ads-advanced .bdas-filter-actions{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.edit_btn_wrap .atbdp_float_active{bottom:80px}.edit_btn_wrap .atbdp_float_active .btn{font-size:15px!important;padding:13px 30px!important;line-height:20px!important}.nav_button{z-index:0}.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field{padding-left:0!important;padding-right:0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap{left:auto;right:0}}@media (max-width:650px){.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area{padding-top:30px;padding-bottom:27px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar,.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img{width:80px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd{margin:10px 0 0}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p{text-align:center}}@media (max-width:575px){.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd{margin-top:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item{border:0;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_content,.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title{width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content{border:0;padding-top:0;padding-right:30px;padding-left:30px}.ads-advanced .bottom-inputs>div{width:100%}.ads-advanced .atbdp-custom-fields-search .form-group .form-control,.ads-advanced .atbdp_custom_radios,.ads-advanced .bads-custom-checks,.ads-advanced .bads-tags,.ads-advanced .form-group>.form-control,.ads-advanced .price_ranges,.ads-advanced .select-basic,.ads-advanced .wp-picker-container{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:100%!important}.ads-advanced .form-group label{margin-bottom:10px!important}.ads-advanced .more-less,.ads-advanced .more-or-less{text-align:left}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{margin-left:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#directorist.atbd_wrapper .atbdp_col-5{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin:5px 0}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3{margin-right:10px}.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{margin:5px 0}.atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video{margin-bottom:0}.ads-advanced .bdas-filter-actions .btn{margin-top:5px!important;margin-bottom:5px!important}.atbdpr-range .atbd_slider-range-wrapper{margin:0}.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range,.atbdpr-range .atbd_slider-range-wrapper .d-flex{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:100%}.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range{margin-left:0;margin-right:0}.atbdpr-range .atbd_slider-range-wrapper .d-flex{padding:0!important;margin:5px 0 0!important}.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper{display:block}.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img{border-radius:3px 3px 0 0}.edit_btn_wrap .atbdp_float_active{right:0;bottom:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.edit_btn_wrap .atbdp_float_active .btn{margin:0 5px!important;font-size:15px!important;padding:10px 20px!important;line-height:18px!important}.atbd_post_draft{padding-bottom:80px}.ads-advanced .atbd_seach_fields_wrapper .single_search_field{margin-bottom:10px!important;margin-top:0!important}.atbd-listing-tags .atbdb_content_module_contents ul li{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline{padding-right:0}}.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_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before,.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 .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__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap{right:-40px}}@media (max-width:340px){.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown{margin-top:3px;margin-bottom:3px}.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown+.dropdown{margin-left:0}.atbd-listing-tags .atbdb_content_module_contents ul li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media only screen and (max-width:1199px){.directorist-search-contents .directorist-search-form-top{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.directorist-search-contents .directorist-search-form-top .directorist-search-form-action{margin-top:15px;margin-bottom:15px}}@media only screen and (max-width:575px){.directorist-modal__dialog{width:calc(100% - 30px)!important}.directorist-advanced-filter__basic__element{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-author-profile-wrap .directorist-card__body{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:479px){.directorist-user-dashboard-tab .directorist-user-dashboard-search{margin-left:0;margin-top:30px}}@media only screen and (max-width:375px){.directorist-user-dashboard-tab ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}.directorist-user-dashboard-tab ul li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.directorist-user-dashboard-tab ul li a{padding-bottom:5px}.directorist-user-dashboard-tab .directorist-user-dashboard-search{margin-left:0}.directorist-author-profile-wrap .directorist-author-avatar{display:block}.directorist-author-profile-wrap .directorist-author-avatar img{margin-bottom:15px}.directorist-author-profile-wrap .directorist-author-avatar,.directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info,.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}} \ No newline at end of file + */ +.la-ball-fall, +.la-ball-fall > div { + position: relative; + -webkit-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; + animation: ball-fall 1s ease-in-out infinite; +} + +.la-ball-fall > div:nth-child(1) { + -webkit-animation-delay: -200ms; + animation-delay: -200ms; +} + +.la-ball-fall > div:nth-child(2) { + -webkit-animation-delay: -100ms; + animation-delay: -100ms; +} + +.la-ball-fall > div:nth-child(3) { + -webkit-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: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@keyframes ball-fall { + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +.directorist-add-listing-types { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-add-listing-types__single { + margin-bottom: 15px; +} +.directorist-add-listing-types__single__link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ +} +.directorist-add-listing-types__single__link .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; +} +.directorist-add-listing-types__single__link .directorist-icon-mask:after { + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover .directorist-icon-mask { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { + display: inline-block; + margin-bottom: 10px; +} + +.directorist-add-listing-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.directorist-add-listing-form .directorist-content-module { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +.directorist-add-listing-form .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +.directorist-add-listing-form .directorist-alert-required { + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; +} +.directorist-add-listing-form__privacy a { + color: var(--directorist-color-info); +} + +.directorist-add-listing-form .directorist-content-module, +#directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 35px; + border-radius: 12px; + /* social info */ +} +@media (max-width: 991px) { + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } +} +.directorist-add-listing-form .directorist-content-module__title, +#directiost-listing-fields_wrapper .directorist-content-module__title { + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-add-listing-form .directorist-content-module__title i, +#directiost-listing-fields_wrapper .directorist-content-module__title i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; +} +.directorist-add-listing-form .directorist-content-module__title i:after, +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +@media screen and (max-width: 480px) { + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} + +#directiost-listing-fields_wrapper .directorist-content-module { + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title { + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; +} +#directiost-listing-fields_wrapper .directorist-content-module__title i { + background-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper .directorist-content-module__title i:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; +} +@media (max-width: 991px) { + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; +} + +/* ========================== + 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-form-label, +.directorist-custom-field-checkbox > .directorist-form-label, +.directorist-form-social-info-field > .directorist-form-label, +.directorist-form-image-upload-field > .directorist-form-label, +.directorist-custom-field-file-upload > .directorist-form-label, +.directorist-form-pricing-field.price-type-both > .directorist-form-label { + margin-bottom: 18px; +} + +/* listing type */ +.directorist-form-listing-type { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media (max-width: 767px) { + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-form-listing-type .directorist-form-label { + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; +} +.directorist-form-listing-type__single { + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; +} +.directorist-form-listing-type__single.directorist-radio { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} + +/* Pricing */ +.directorist-form-pricing-field__options { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-map-coordinates .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; +} +.directorist-map-coordinates__generate { + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; +} + +.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: 12px; +} +.directorist-form-map-field__maps #gmap #gmap_full_screen_button, +.directorist-form-map-field__maps #gmap .gm-fullscreen-control { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; +} +.directorist-form-map-field .map_drag_info { + display: none; +} +.directorist-form-map-field .atbd_map_shape { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; +} +.directorist-form-map-field .atbd_map_shape:before { + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; +} +.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field .atbd_map_shape: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; +} +.directorist-form-image-upload-field .ez-media-uploader.ezmu--show { + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; +} +.directorist-form-image-upload-field .ezmu__info-list-item:empty { + display: none; +} + +.directorist-add-listing-wrapper { + max-width: 1000px !important; + margin: 0 auto; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { + position: relative; + height: 100px; + width: 100%; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; +} +.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; +} +.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { + font-size: 20px; + font-weight: 500; + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__btn { + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .ezmu__info-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { + margin: 0; +} +.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); +} + +.directorist-add-listing-form { + /* form action */ +} +.directorist-add-listing-form__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-add-listing-form__action .directorist-form-submit { + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; +} +.directorist-add-listing-form__action label { + line-height: 1.25; + margin-bottom: 0; +} +.directorist-add-listing-form__action #listing_notifier { + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); +} +.directorist-add-listing-form__action #listing_notifier:empty { + display: none; +} +.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 { + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } +} +.directorist-add-listing-form__action .directorist-form-group 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-group #guest_user_email, +.directorist-add-listing-form__action .directorist-checkbox #guest_user_email { + margin: 0 0 10px; +} +.directorist-add-listing-form__action .directorist-form-required { + padding-left: 5px; +} +.directorist-add-listing-form__publish { + padding: 100px 20px; + margin-bottom: 0; + text-align: center; +} +@media only screen and (max-width: 576px) { + .directorist-add-listing-form__publish { + padding: 70px 20px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish { + padding: 50px 20px; + } +} +.directorist-add-listing-form__publish__icon i { + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } +} +.directorist-add-listing-form__publish__icon i:after { + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } +} +.directorist-add-listing-form__publish__title { + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; +} +@media only screen and (max-width: 480px) { + .directorist-add-listing-form__publish__title { + font-size: 22px; + } +} +.directorist-add-listing-form__publish__subtitle { + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-add-listing-form .directorist-form-group textarea { + padding: 10px 0; + background: transparent; +} +.directorist-add-listing-form .atbd_map_shape { + width: 50px; + height: 50px; +} +.directorist-add-listing-form .atbd_map_shape:before { + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); +} +.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { + width: 16px; + height: 16px; +} + +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +#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: var(--directorist-color-white); +} + +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; +} + +.directorist-custom-field-radio, +.directorist-custom-field-checkbox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-custom-field-radio .directorist-form-label, +.directorist-custom-field-radio .directorist-form-description, +.directorist-custom-field-radio .directorist-custom-field-btn-more, +.directorist-custom-field-checkbox .directorist-form-label, +.directorist-custom-field-checkbox .directorist-form-description, +.directorist-custom-field-checkbox .directorist-custom-field-btn-more { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-custom-field-radio .directorist-checkbox, +.directorist-custom-field-radio .directorist-radio, +.directorist-custom-field-checkbox .directorist-checkbox, +.directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +@media only screen and (max-width: 767px) { + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-custom-field-radio .directorist-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 { + content: ""; + display: inline-block; + margin-left: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); +} +.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; +} + +.multistep-wizard { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; +} +@media only screen and (max-width: 991px) { + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.multistep-wizard__nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; +} +.multistep-wizard__nav.sticky { + position: fixed; + top: 0; +} +.multistep-wizard__nav__btn { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav__btn { + width: 100%; + } +} +.multistep-wizard__nav__btn i { + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; +} +.multistep-wizard__nav__btn i:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.multistep-wizard__nav__btn:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; +} +.multistep-wizard__nav__btn:focus { + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus:before { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn:focus i::after { + background-color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed { + color: var(--directorist-color-primary); +} +.multistep-wizard__nav__btn.completed:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; +} +.multistep-wizard__nav__btn.completed i::after { + background-color: var(--directorist-color-primary); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__nav { + display: none; + } +} +.multistep-wizard__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.multistep-wizard__single { + border-radius: 12px; + background-color: var(--directorist-color-white); +} +.multistep-wizard__single label { + display: block; +} +.multistep-wizard__single span.required { + color: var(--directorist-color-danger); +} +@media only screen and (max-width: 991px) { + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +.multistep-wizard__progressbar { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; +} +.multistep-wizard__progressbar:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.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: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; +} +.multistep-wizard__bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.multistep-wizard__btn { + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); +} +.multistep-wizard__btn.directorist-btn { + color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn i:after { + background-color: var(--directorist-color-body); +} +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); +} +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; +} +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); +} +.multistep-wizard__btn i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); +} +.multistep-wizard__btn--save-preview { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.multistep-wizard__count { + font-size: 15px; + font-weight: 500; +} +@media only screen and (max-width: 575px) { + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } +} +.multistep-wizard .default-add-listing-bottom { + display: none; +} +.multistep-wizard.default-add-listing .multistep-wizard__single { + display: block !important; +} +.multistep-wizard.default-add-listing .multistep-wizard__bottom, +.multistep-wizard.default-add-listing .multistep-wizard__progressbar { + display: none !important; +} +.multistep-wizard.default-add-listing .default-add-listing-bottom { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; +} + +.logged-in .multistep-wizard__nav.sticky { + top: 32px; +} + +@keyframes atbd_scale { + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +#directorist_submit_privacy_policy { + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; +} +#directorist_submit_privacy_policy::after { + display: none; +} + +.upload-error { + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; +} + +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; +} + +.plupload-upload-uic { + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); +} +.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); +} +@media (max-width: 575px) { + .plupload-upload-uic { + width: 100%; + height: 200px; + } +} + +.plupload-thumbs { + clear: both; + overflow: hidden; +} + +.plupload-thumbs .thumb { + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; +} +.plupload-thumbs .thumb img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; +} +.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { + opacity: 1; + visibility: visible; +} +@media (max-width: 575px) { + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } +} +.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-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.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: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 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; + -ms-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 { + -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 { + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; +} + +.leaflet-tile-loaded { + visibility: inherit; +} + +.leaflet-zoom-box { + width: 0; + height: 0; + -webkit-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; + transition: opacity 0.2s linear; +} + +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} + +.leaflet-zoom-animated { + -webkit-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); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} + +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + transition: none; +} + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} + +/* cursors */ +.leaflet-interactive { + cursor: pointer; +} + +.leaflet-grab { + cursor: -webkit-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: 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, +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; +} + +.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 { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; +} + +.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-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 */ +/* 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; + -webkit-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 { + -webkit-box-shadow: none; + box-shadow: none; +} + +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; +} + +/* 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); + transform: rotate(45deg); +} + +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); +} + +.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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + 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); +} + +.directorist-content-active #map { + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; +} +.directorist-content-active #gmap_full_screen_button { + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; +} +.directorist-content-active #gmap_full_screen_button i::after { + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); +} +.directorist-content-active #gmap_full_screen_button .fullscreen-disable { + display: none; +} +.directorist-content-active #progress { + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; +} +.directorist-content-active #progress-bar { + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; +} +.directorist-content-active .gm-fullscreen-control { + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; +} +.directorist-content-active .gmnoprint { + border-radius: 5px; +} +.directorist-content-active .gm-style-cc, +.directorist-content-active .gm-style-mtc-bbw, +.directorist-content-active button.gm-svpc { + display: none; +} +.directorist-content-active .italic { + font-style: italic; +} +.directorist-content-active .buttonsTable { + border: 1px solid grey; + border-collapse: collapse; +} +.directorist-content-active .buttonsTable td, +.directorist-content-active .buttonsTable th { + padding: 8px; + border: 1px solid grey; +} +.directorist-content-active .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; + padding: 0; + font-size: 14px; + font-weight: 500; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; +} +.directorist-form-group .wp-picker-container .button:hover { + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); +} +.directorist-form-group .wp-picker-container .button .wp-color-result-text { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); +} +.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; + border: none; +} +.directorist-form-group .wp-picker-container .hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-left: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; +} + +.directorist-show { + display: block !important; +} + +.directorist-hide { + display: none !important; +} + +.directorist-d-none { + display: none !important; +} + +.directorist-text-center { + text-align: center; +} + +.directorist-content-active .entry-content ul { + margin: 0; + padding: 0; +} +.directorist-content-active .entry-content a { + text-decoration: none; +} +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); +} +.directorist-content-active button[type="submit"].directorist-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +/* 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; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; +} + +.directorist-content-active .select2-container.select2-container--open { + z-index: 99999; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; +} + +/* Login/Signup Form CSS */ +#recover-pass-modal { + display: none; +} + +.directorist-login-wrapper #recover-pass-modal .directorist-btn { + margin-top: 15px; +} +.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { + text-decoration: none; +} + +body.modal-overlay-enabled { + position: relative; +} +body.modal-overlay-enabled:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; +} + +.directorist-widget { + margin-bottom: 25px; +} +.directorist-widget .directorist-card__header.directorist-widget__header { + padding: 20px 25px; +} +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-widget .directorist-card__body.directorist-widget__body { + padding: 20px 30px; +} + +.directorist-sidebar .directorist-card { + margin-bottom: 25px; +} +.directorist-sidebar .directorist-card ul { + padding: 0; + margin: 0; + list-style: none; +} +.directorist-sidebar .directorist-card .directorist-author-social { + padding: 22px 0 0; +} +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; +} +.directorist-sidebar .directorist-card .tagcloud { + margin: 0; + padding: 25px; +} +.directorist-sidebar .directorist-card a { + text-decoration: none; +} +.directorist-sidebar .directorist-card select { + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; +} +.directorist-sidebar .directorist-card select:focus { + border-color: var(--directorist-color-dark); +} +.directorist-sidebar .directorist-card__header__title { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.directorist-widget__listing-contact .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; +} +.directorist-widget__listing-contact .directorist-form-group textarea { + min-height: 130px !important; + resize: none; +} +.directorist-widget__listing-contact .directorist-btn { + width: 100%; +} + +.directorist-widget__submit-listing .directorist-btn { + width: 100%; +} + +.directorist-widget__author-info figure { + margin: 0; +} +.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: 12px; +} + +.directorist-widget-listing__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-widget-listing__single:not(:last-child) { + margin-bottom: 25px; +} + +.directorist-widget-listing__image { + width: 70px; + height: 70px; +} +.directorist-widget-listing__image a:focus { + outline: none; +} +.directorist-widget-listing__image img { + width: 100%; + height: 100%; + border-radius: 10px; +} + +.directorist-widget-listing__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-listing__content .directorist-widget-listing__title { + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-widget-listing__content .directorist-widget-listing__rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: 10px; +} + +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-widget .directorist-widget-list li: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-color: #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; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.directorist-widget-taxonomy .directorist-taxonomy-list-one { + -webkit-margin-after: 10px; + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); +} +.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + -webkit-padding-start: 52px; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; +} + +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; +} +.directorist-widget-tags li { + list-style: none; + padding: 0; + margin: 0; +} +.directorist-widget-tags a { + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; +} +.directorist-widget-tags a:hover { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-widget-advanced-search .directorist-search-form__box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; +} +.directorist-widget-advanced-search .directorist-search-form-top { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search .directorist-checkbox-rating { + padding: 0; +} +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; +} +.directorist-widget-advanced-search .directorist-btn-ml { + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +.directorist-widget-advanced-search .directorist-advanced-filter__action { + padding: 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.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: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-widget-authentication .login-submit button { + cursor: pointer; +} + +/* Directorist button styles */ +.directorist-btn { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; +} +.directorist-btn .directorist-icon-mask:after { + background-color: currentColor; + width: 16px; + height: 16px; +} +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; +} +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +} + +.directorist-btn.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); +} +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); +} +.directorist-btn.directorist-btn-secondary { + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); +} +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); +} +.directorist-btn.directorist-btn-dark { + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-dark:hover { + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); +} +.directorist-btn.directorist-btn-success { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-success:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-info { + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-info:hover { + background-color: rgba(var(--directorist-color-success-rgb), 0.8); +} +.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-lighter { + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-warning { + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-warning:hover { + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); +} +.directorist-btn.directorist-btn-danger { + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); +} +.directorist-btn.directorist-btn-danger:hover { + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); +} +.directorist-btn.directorist-btn-bg-normal { + background: #f9f9f9; +} +.directorist-btn.directorist-btn-loading { + position: relative; + font-size: 0; + pointer-events: none; +} +.directorist-btn.directorist-btn-loading:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; +} +.directorist-btn.directorist-btn-loading:after { + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; +} +.directorist-btn.directorist-btn-disabled { + pointer-events: none; + opacity: 0.75; +} + +.directorist-btn.directorist-btn-outline { + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); +} +.directorist-btn.directorist-btn-outline-normal { + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); +} +.directorist-btn.directorist-btn-outline-light { + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-secondary { + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); +} +.directorist-btn.directorist-btn-outline-success { + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); +} +.directorist-btn.directorist-btn-outline-info { + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); +} +.directorist-btn.directorist-btn-outline-warning { + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); +} +.directorist-btn.directorist-btn-outline-danger { + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); +} +.directorist-btn.directorist-btn-outline-dark { + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); +} +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); +} + +.directorist-btn.directorist-btn-lg { + min-height: 50px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +@-webkit-keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} + +@keyframes spin-centered { + from { + -webkit-transform: translateX(-50%) rotate(0deg); + transform: translateX(-50%) rotate(0deg); + } + to { + -webkit-transform: translateX(-50%) rotate(360deg); + transform: translateX(-50%) rotate(360deg); + } +} +.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; +} + +.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; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.directorist-badge .directorist-badge-tooltip__featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-badge .directorist-badge-tooltip__new { + background-color: var(--directorist-color-new-badge); +} +.directorist-badge .directorist-badge-tooltip__popular { + background-color: var(--directorist-color-popular-badge); +} +@media screen and (max-width: 480px) { + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } +} +.directorist-badge:hover .directorist-badge-tooltip { + opacity: 1; + visibility: visible; +} + +/*** + Directorist Custom Range Slider Styling; +***/ +.directorist-custom-range-slider-target, +.directorist-custom-range-slider-target * { + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.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); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform-style: flat; + 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 { + -webkit-backface-visibility: hidden; + 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 { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; +} + +.directorist-custom-range-slider-state-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-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; +} + +/* Giving the connect element a border radius causes issues with using transform: scale */ +.directorist-custom-range-slider-target { + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; +} + +.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; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; +} + +.directorist-custom-range-slider-active { + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; +} + +/* 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 * { + -webkit-box-sizing: border-box; + 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 { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} + +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} + +.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { + margin-left: -1px; + width: 2px; + height: 5px; +} +.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { + height: 10px; +} +.directorist-custom-range-slider-marker-horizontal.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 { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-left: 25px; +} + +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); +} + +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { + width: 5px; + height: 2px; + margin-top: -1px; +} +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { + width: 10px; +} +.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { + width: 15px; +} + +.directorist-custom-range-slider-tooltip { + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + left: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + right: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + right: 28px; +} + +.directorist-swiper { + height: 100%; + overflow: hidden; + position: relative; +} +.directorist-swiper .swiper-slide { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-swiper .swiper-slide > div, +.directorist-swiper .swiper-slide > a { + width: 100%; + height: 100%; +} +.directorist-swiper__nav { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.directorist-swiper__nav i { + width: 30px; + height: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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; + -webkit-transform: scale(1.4); + 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 { + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; +} +@media screen and (max-width: 991px) { + .directorist-single-listing-slider { + max-height: 450px !important; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-slider { + max-height: 400px !important; + } +} +@media screen and (max-width: 375px) { + .directorist-single-listing-slider { + max-height: 350px !important; + } +} +.directorist-single-listing-slider .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%; + max-width: var(--gallery-crop-width, 740px); + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; +} +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; +} + +.directorist-single-listing-slider-thumb { + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + overflow: auto; + height: auto; + display: none; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb { + border-radius: 12px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb { + border-radius: 8px; + } +} +.directorist-single-listing-slider-thumb .swiper-wrapper { + height: auto; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-wrapper { + gap: 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 { + position: relative; + cursor: pointer; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide { + margin: 0 !important; + height: 90px; + } +} +.directorist-single-listing-slider-thumb .swiper-slide img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 14px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 8px; + aspect-ratio: 16/9; + } +} +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +@media screen and (min-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 12px; + } +} +@media screen and (max-width: 768px) { + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 8px; + } +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-slider-thumb { + display: none; + } +} + +.directorist-swiper-related-listing.directorist-swiper { + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; +} +.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { + height: auto; +} +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; +} + +.directorist-dropdown { + position: relative; +} +.directorist-dropdown__toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); +} +.directorist-dropdown__toggle.directorist-toggle-has-icon:after { + content: ""; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; +} +.directorist-dropdown__links { + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; +} +.directorist-dropdown__links a { + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); +} +@media screen and (max-width: 575px) { + .directorist-dropdown__links a { + padding: 5px 10px; + } +} +.directorist-dropdown__links--right { + left: auto; + right: 0; +} +@media (max-width: 1440px) { + .directorist-dropdown__links { + left: unset; + right: 0; + } +} +.directorist-dropdown.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; +} +.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; + -webkit-transition: 0.3s ease; + 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; +} + +.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 { + -webkit-transform: translateX(20px); + transform: translateX(20px); +} +.directorist-switch .directorist-switch-label { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); +} +.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: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); +} + +.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; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); +} +.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: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); +} +.directorist-tooltip.directorist-tooltip-bottom[data-label]:after { + -webkit-transform: translate(-50%); + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; +} +.directorist-tooltip[data-label]:before { + content: ""; + left: 50%; + top: -6px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); +} +.directorist-tooltip[data-label]:after { + font-size: 14px; + content: attr(data-label); + left: 50%; + -webkit-transform: translate(-50%, -6px); + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; +} +.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); +} + +@-webkit-keyframes showTooltip { + from { + opacity: 0; + } +} + +@keyframes showTooltip { + from { + opacity: 0; + } +} +/* Alerts style */ +.directorist-alert { + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-alert .directorist-icon-mask { + margin-right: 5px; +} +.directorist-alert > a { + padding-left: 5px; +} +.directorist-alert__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.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-color: #dcebfe; + color: #157cf6; +} +.directorist-alert.directorist-alert-info .directorist-alert__close { + color: #157cf6; +} +.directorist-alert.directorist-alert-warning { + background-color: #fee9d9; + color: #f56e00; +} +.directorist-alert.directorist-alert-warning .directorist-alert__close { + color: #f56e00; +} +.directorist-alert.directorist-alert-danger { + background-color: #fcd9d9; + color: #e80000; +} +.directorist-alert.directorist-alert-danger .directorist-alert__close { + color: #e80000; +} +.directorist-alert.directorist-alert-success { + background-color: #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); +} +.alert-danger.directorist-register-error { + background: #fcd9d9; + color: #e80000; + border-radius: 3px; +} +.alert-danger.directorist-register-error .directorist-alert__close { + color: #e80000; +} + +/* Add listing notice alert */ +.directorist-single-listing-notice .directorist-alert__content { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; +} +.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 { + -webkit-box-sizing: border-box; + 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%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; +} + +.directorist-modal__dialog { + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; +} + +.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__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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; +} +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + 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(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; +} +.directorist-search-modal__contents { + position: fixed; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; +} +@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: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } +} +.directorist-search-modal__contents__body .directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn { + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-modal__contents__body .directorist-search-form-dropdown { + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-modal__contents__body .wp-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.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__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; +} +.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; +} +.directorist-search-modal__contents__btn i::after { + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); +} +.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 + .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%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; +} +@media only screen and (max-width: 575px) { + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } +} +.directorist-search-modal--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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } +} +@media screen and (max-width: 575px) and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } +} +@media screen and (max-width: 575px) { + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } +} +.directorist-search-modal--basic .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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal--basic .directorist-search-field-pricing > label, +.directorist-search-modal--basic .directorist-search-field__number > label, +.directorist-search-modal--basic .directorist-search-field-text_range > label, +.directorist-search-modal--basic .directorist-search-field-price_range > label, +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; +} +.directorist-search-modal--full .directorist-search-field { + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; +} +.directorist-search-modal--full .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal--full .directorist-search-field-pricing > label, +.directorist-search-modal--full .directorist-search-field-text_range > label, +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; +} +.directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input .directorist-select { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.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; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-search-modal__input__btn .directorist-icon-mask::after { + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal .directorist-checkbox-wrapper, +.directorist-search-modal .directorist-radio-wrapper, +.directorist-search-modal .directorist-search-tags { + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 575px) { + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; +} +@media screen and (max-width: 575px) { + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} + +.directorist-content-active.directorist-overlay-active { + overflow: hidden; +} +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; +} + +/* Responsive CSS */ +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) and (max-width: 1199.98px) { + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } +} +/* 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 { + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; +} + +.directorist-content-active .directorist-card { + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active .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-content-active .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-content-active .directorist-card__header__title { + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-card__body { + padding: 25px; + border-radius: 0 0 16px 16px; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-card__body { + padding: 20px; + } +} +.directorist-content-active .directorist-card__body .directorist-review-single, +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; +} +.directorist-content-active .directorist-card__body p { + font-size: 15px; + margin-top: 0; +} +.directorist-content-active .directorist-card__body p:last-child { + margin-bottom: 0; +} +.directorist-content-active .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-input-wrap + label + input.directorist-color-picker { + width: 100% !important; +} +.directorist-color-picker-wrap .wp-picker-clear { + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; +} + +.directorist-form-group { + position: relative; + width: 100%; +} +.directorist-form-group textarea, +.directorist-form-group textarea.directorist-form-element { + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; +} +.directorist-form-group__with-prefix { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; +} +.directorist-form-group__with-prefix:focus-within { + border-bottom: 2px solid var(--directorist-color-dark); +} +.directorist-form-group__with-prefix .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; +} +.directorist-form-group__with-prefix .directorist-single-info__value { + font-size: 14px; + font-weight: 500; + margin: 0 !important; +} +.directorist-form-group__prefix { + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; +} +.directorist-form-group__prefix--start { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; +} +.directorist-form-group__prefix--end { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} + +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; +} + +.directorist-form-group label { + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-form-group .directorist-form-element { + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-form-group .directorist-form-element:focus { + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-form-group .directorist-form-description { + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); +} + +.directorist-form-element.directorist-form-element-lg { + height: 50px; +} +.directorist-form-element.directorist-form-element-lg__prefix { + height: 50px; + line-height: 50px; +} +.directorist-form-element.directorist-form-element-sm { + height: 30px; +} +.directorist-form-element.directorist-form-element-sm__prefix { + height: 30px; + line-height: 30px; +} + +.directorist-form-group.directorist-icon-left .directorist-input-icon { + left: 0; +} +.directorist-form-group.directorist-icon-left .location-name { + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-form-group.directorist-icon-right .location-name { + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-group .directorist-input-icon { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +.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); +} +@media screen and (max-width: 575px) { + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } +} + +.directorist-label { + margin-bottom: 0; +} + +input.directorist-toggle-input { + display: none; +} + +.directorist-toggle-input-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +span.directorist-toggle-input-label-text { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-right: 10px; +} + +span.directorist-toggle-input-label-icon { + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +span.directorist-toggle-input-label-icon::after { + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} + +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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-tab-navigation-list-item { + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); +} +.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); + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; +} + +.directorist-tab-navigation-list-item-link { + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} +.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); + -webkit-transform: translate(-50%, 0); + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-checkbox, +.directorist-radio { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +@media only screen and (max-width: 575px) { + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; +} +@media only screen and (max-width: 575px) { + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; +} + +.directorist-checkbox-rating { + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-checkbox-rating .directorist-icon-mask:after { + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; +} +.directorist-radio.directorist-radio-theme-admin .directorist-radio__label { + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; +} + +.directorist-content-active { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-content-active .directorist-author-profile { + padding: 0; +} +.directorist-content-active .directorist-author-profile__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; +} +.directorist-content-active .directorist-author-profile__wrap__body { + padding: 0; +} +@media only screen and (max-width: 991px) { + .directorist-content-active .directorist-author-profile__wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } +} +.directorist-content-active .directorist-author-profile__avatar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__avatar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 15px; + } +} +.directorist-content-active .directorist-author-profile__avatar 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) { + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } +} +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; +} +.directorist-content-active .directorist-author-profile__avatar__info__name { + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; +} +@media only screen and (max-width: 991px) { + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } +} +.directorist-content-active .directorist-author-profile__avatar__info p { + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-author-profile__meta-list { + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + list-style-type: none; +} +@media only screen and (max-width: 991px) { + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } +} +.directorist-content-active .directorist-author-profile__meta-list__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-author-profile__meta-list__item i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } +} +.directorist-content-active .directorist-author-profile__meta-list__item span { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: unset; + -webkit-box-direction: unset; + -webkit-flex-direction: unset; + -ms-flex-direction: unset; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } +} +@media only screen and (max-width: 767px) { + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } +} +.directorist-content-active .directorist-author-profile-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-radius: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} +@media screen and (min-width: 576px) { + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } +} +.directorist-content-active .directorist-author-info-list { + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-author-info-list li { + margin-left: 0; +} +.directorist-content-active .directorist-author-info-list__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-author-info-list__item i { + margin-top: 5px; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-right: 10px; + margin-right: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + right: 0; + top: 0; +} +@media screen and (max-width: 375px) { + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } +} +.directorist-content-active .directorist-author-info-list__item a { + color: var(--directorist-color-body); + text-decoration: none; +} +.directorist-content-active .directorist-author-info-list__item a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; +} +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; +} +.directorist-content-active .directorist-author-social { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; +} +.directorist-content-active .directorist-author-social__item { + margin: 0; +} +.directorist-content-active .directorist-author-social__item a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-author-social__item a span { + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-author-social__item a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-author-social__item a:hover span.la, +.directorist-content-active .directorist-author-social__item a:hover span.fa { + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-author-listing-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-author-listing-top__title { + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; +} +.directorist-content-active .directorist-author-listing-top__filter { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } +} +.directorist-content-active .directorist-author-listing-content { + padding: 0; +} +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; +} +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; +} + +/* category style three */ +.directorist-category-child__card { + border: 1px solid #eee; + border-radius: 4px; +} +.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-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 5px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #444752; +} +.directorist-category-child__card__body li a span { + color: var(--directorist-color-body); +} + +/* All listing archive page styles */ +.directorist-archive-contents { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; +} +.directorist-archive-contents .gm-style-iw-chr, +.directorist-archive-contents .gm-style-iw-tc { + display: none; +} +@media screen and (max-width: 575px) { + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } +} + +/* Directory type nav */ +.directorist-content-active .directorist-type-nav__link { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-type-nav__link:focus { + background-color: transparent; +} +.directorist-content-active .directorist-type-nav__link .directorist-icon-mask { + display: inline-block; + margin: 0 0 10px; +} +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); +} +.directorist-content-active .directorist-type-nav__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; +} +@media only screen and (max-width: 767px) { + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-type-nav__list { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { + display: none; +} +.directorist-content-active .directorist-type-nav__list li { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 0; + list-style: none; + line-height: 1; +} +.directorist-content-active .directorist-type-nav__list a { + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} + +/* Archive header bar contents */ +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; +} +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 30px 0; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } +} +.directorist-content-active .directorist-listings-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-listings-header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-right: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +.directorist-content-active .directorist-listings-header__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; +} +@media screen and (max-width: 425px) { + .directorist-content-active .directorist-listings-header__right { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + right: unset; + left: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); +} +.directorist-content-active .directorist-archive-items { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; +} + +.directorist-viewas { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-viewas__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); +} +.directorist-viewas__item i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); +} +.directorist-viewas__item.active { + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); +} +.directorist-viewas__item.active i::after { + background-color: var(--directorist-color-white); +} +@media only screen and (max-width: 575px) { + .directorist-viewas__item--list { + display: none; + } +} + +.listing-with-sidebar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar .directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } +} +.listing-with-sidebar__wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__type-nav { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.listing-with-sidebar__type-nav .directorist-type-nav__list { + gap: 40px; +} +.listing-with-sidebar__searchform { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media only screen and (max-width: 767px) { + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__searchform .directorist-search-form__box { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } +} +.listing-with-sidebar__searchform .directorist-search-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + right: 15px; + top: unset; + -webkit-transform: unset; + transform: unset; + bottom: 8px; +} +.listing-with-sidebar__searchform .directorist-advanced-filter__form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + gap: 20px; +} +@media only screen and (max-width: 767px) { + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.listing-with-sidebar__searchform .directorist-search-contents { + padding: 0; +} +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; +} +.listing-with-sidebar__searchform .directorist-search-field-pricing > label, +.listing-with-sidebar__searchform .directorist-search-field__number > label, +.listing-with-sidebar__searchform .directorist-search-field-text_range > label, +.listing-with-sidebar__searchform .directorist-search-field-price_range > label, +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.listing-with-sidebar__header { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + 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__header .directorist-archive-sidebar-toggle { + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.listing-with-sidebar__sidebar { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100%; + max-width: 350px; +} +.listing-with-sidebar__sidebar form { + width: 100%; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: none; +} +@media screen and (max-width: 1199px) { + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -webkit-box-shadow: 0 10px 15px + rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } +} +.listing-with-sidebar__sidebar--open { + left: 0; + visibility: visible; + opacity: 1; +} +.listing-with-sidebar__sidebar .directorist-form-group label { + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.listing-with-sidebar__sidebar .directorist-search-contents { + padding: 0; +} +.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { + display: block !important; +} +.listing-with-sidebar__sidebar .directorist-search-form__box { + padding: 0; +} +@media only screen and (max-width: 991px) { + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -webkit-box-shadow: none; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-right: 20px; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__top { + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__title { + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; +} +@media only screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar .directorist-advanced-filter__action { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; +} +.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { + position: relative; + background-color: transparent; +} +.listing-with-sidebar__sidebar .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); +} +.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.listing-with-sidebar__sidebar .directorist-btn-submit { + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; +} +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } +} +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; +} +.listing-with-sidebar__sidebar .directorist-checkbox-wrapper, +.listing-with-sidebar__sidebar .directorist-radio-wrapper, +.listing-with-sidebar__sidebar .directorist-search-tags { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__sidebar.right-sidebar-contents { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; +} +.listing-with-sidebar__listing { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__listing .directorist-header-bar, +.listing-with-sidebar__listing .directorist-archive-items { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; +} +.listing-with-sidebar__listing .directorist-archive-items { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.listing-with-sidebar__listing .directorist-search-modal-advanced { + display: none; +} +.listing-with-sidebar__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; +} +@media screen and (max-width: 575px) { + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 20px 0 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + right: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + right: -15px; + } +} + +@media only screen and (max-width: 991px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } +} +@media only screen and (max-width: 767px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } +} +@media only screen and (max-width: 600px) { + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } +} + +.directorist-advanced-filter__basic { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-advanced-filter__basic__element { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__basic__element .directorist-search-field { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, +.directorist-advanced-filter__basic__element .directorist-radio-wrapper, +.directorist-advanced-filter__basic__element .directorist-search-tags { + gap: 15px; + margin: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; +} +.directorist-advanced-filter__basic__element .form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-advanced-filter__advanced__element { + overflow: hidden; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; +} +.directorist-advanced-filter__advanced__element .directorist-search-field { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + -webkit-transform: unset; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, +.directorist-advanced-filter__advanced__element .directorist-radio-wrapper, +.directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 15px; + margin: 0; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; +} +@media only screen and (max-width: 575px) { + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; +} +.directorist-advanced-filter__advanced__element .form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; +} +.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-dark); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + -webkit-transition: + background-color 0.3s ease, + color 0.3s ease; + transition: + background-color 0.3s ease, + color 0.3s ease; +} +.directorist-advanced-filter__action .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.directorist-advanced-filter__action .directorist-btn { + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; +} +@media only screen and (max-width: 375px) { + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter .directorist-date .directorist-form-group, +.directorist-advanced-filter .directorist-time .directorist-form-group { + width: 100%; +} +.directorist-advanced-filter .directorist-btn-ml { + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-advanced-filter .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } +} + +.directorist-search-field-radius_search { + position: relative; +} +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; +} + +.directorist-search-field-review .directorist-checkbox { + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-left: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; +} +@media screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; +} +@media only screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } +} +@media only screen and (max-width: 575px) { + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-left: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); +} + +.directorist-search-field .directorist-price-ranges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media (max-width: 575px) { + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-left: 15px; + } +} +@media (max-width: 480px) { + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } +} +.directorist-search-field .directorist-price-ranges__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } +} +.directorist-search-field .directorist-price-ranges__label { + margin-right: 5px; +} +.directorist-search-field .directorist-price-ranges__currency { + line-height: 1; + margin-right: 4px; +} +.directorist-search-field .directorist-price-ranges__price-frequency { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-right: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-search-field .directorist-price-ranges .directorist-pf-range { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } +} + +.directorist-search-field { + font-size: 15px; +} +.directorist-search-field .wp-picker-container .wp-picker-clear, +.directorist-search-field .wp-picker-container .wp-color-result { + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; +} +.directorist-search-field .wp-picker-container .wp-color-result { + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; +} +.directorist-search-field .wp-picker-container .wp-color-result-text { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: 102px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; +} +.directorist-search-field .wp-picker-holder { + position: absolute; + z-index: 22; +} + +.check-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.check-btn label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + height: 42px; + padding-right: 18px; + padding-left: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; +} +.check-btn label span i { + display: none; +} +.check-btn label span:before { + position: absolute; + left: 23px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.check-btn label span:after { + position: absolute; + left: 18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +/* 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-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; +} +.directorist-search-top__subtitle { + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; +} + +.directorist-search-contents { + background-size: cover; + padding: 100px 0 120px; +} + +.directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-field__btn--clear { + right: 0; + opacity: 0; + visibility: hidden; +} +.directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-search-field.input-has-value .directorist-search-field__btn--clear, +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; +} +.directorist-search-field.input-has-value .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-field.input-has-value.input-has-noLabel .directorist-select, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; +} +.directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; +} + +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; +} + +.directorist-search-form__box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 22px 22px 25px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media screen and (max-width: 767px) { + .directorist-search-form__box { + gap: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media only screen and (max-width: 575px) { + .directorist-search-form__box { + padding: 0; + -webkit-box-shadow: unset; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } +} +.directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 18px; +} +@media screen and (max-width: 767px) { + .directorist-search-form__top { + width: 100%; + } +} +@media screen and (min-width: 576px) { + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-right: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + -webkit-transform: unset; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + right: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } +} +@media screen and (max-width: 767px) { + .directorist-search-form__top .directorist-search-modal__input { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top .directorist-search-form__single-category { + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location { + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-right: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.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__btn--clear { + right: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 38px; + bottom: 8px; + top: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; +} +.directorist-search-form__top .directorist-search-field .wp-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; +} +@media screen and (max-width: 480px) { + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; +} +.directorist-search-form__top .directorist-search-field .directorist-btn-ml { + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); +} +@media screen and (max-width: 767px) { + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + left: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + right: 40px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } +} +@media screen and (max-width: 575px) and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + right: 0; + } +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + -webkit-transform: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + right: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + right: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } +} +.directorist-search-form__top .select2-container { + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown { + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; +} +@media screen and (max-width: 575px) { + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-form__top .directorist-form-group__with-prefix { + border: none; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-left: 0 !important; +} +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; +} + +.directorist-search-form-action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-end: auto; + margin-inline-end: auto; + -webkit-padding-start: 10px; + padding-inline-start: 10px; + gap: 10px; +} +@media only screen and (max-width: 767px) { + .directorist-search-form-action { + -webkit-padding-start: 0; + padding-inline-start: 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 { + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter .directorist-filter-btn:hover { + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +} +@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 { + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} +@media only screen and (max-width: 575px) { + .directorist-search-form-action__submit { + display: none; + } +} +.directorist-search-form-action__modal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +@media only screen and (max-width: 575px) { + .directorist-search-form-action__modal { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +@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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-search-form-action__modal__btn-search i::after { + width: 16px; + height: 16px; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} +.directorist-search-form-action__modal__btn-advanced { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; +} + +.atbdp-form-fade { + position: relative; + border-radius: 8px; + overflow: visible; +} +.atbdp-form-fade.directorist-search-form__box { + padding: 15px; + border-radius: 10px; +} +.atbdp-form-fade.directorist-search-form__box:after { + border-radius: 10px; +} +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-left: 15px; +} +.atbdp-form-fade:before { + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-animation: atbd_spin2 2s linear infinite; + animation: atbd_spin2 2s linear infinite; + z-index: 9999; +} +.atbdp-form-fade:after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; +} + +.directorist-on-scroll-loading { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; +} +.directorist-on-scroll-loading .directorist-spinner { + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-right: 3px solid transparent; + border-radius: 50%; + -webkit-animation: 1s rotate360 linear infinite; + animation: 1s rotate360 linear infinite; +} + +.directorist-listing-type-selection { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style-type: none; +} +@media only screen and (max-width: 767px) { + .directorist-listing-type-selection { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + } +} +@media only screen and (max-width: 575px) { + .directorist-listing-type-selection { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-listing-type-selection__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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); +} +.directorist-listing-type-selection__item a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { + background-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: 700; + color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); +} +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; +} + +.directorist-search-form-wrap .directorist-listing-type-selection { + padding: 0; + margin: 0; +} +@media only screen and (max-width: 575px) { + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } +} + +.directorist-search-contents .directorist-btn-ml:after { + content: ""; + display: inline-block; + margin-left: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); +} +.directorist-search-contents .directorist-btn-ml.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; +} +@media only screen and (max-width: 575px) { + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} +.directorist-listing-category-top li a { + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + gap: 10px; +} +.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; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; +} +.directorist-search-field .directorist-location-js + .address_result ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; +} +.directorist-search-field .directorist-location-js + .address_result ul a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); +} +.directorist-search-field .directorist-location-js + .address_result ul li { + border: none; + padding: 0; + margin: 0; +} + +.directorist-zipcode-search .directorist-search-country { + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; +} +.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 { + -webkit-box-flex: 30.8%; + -webkit-flex: 30.8%; + -ms-flex: 30.8%; + flex: 30.8%; + border-right: 1px solid var(--directorist-color-border); +} + +.directorist-custom-range-slider { + width: 100%; +} +.directorist-custom-range-slider__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-custom-range-slider__value { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; +} +.directorist-custom-range-slider__value:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-custom-range-slider__value input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.directorist-custom-range-slider__label { + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); +} +.directorist-custom-range-slider__prefix { + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-custom-range-slider__range__wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; +} + +.directorist-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-pagination .page-numbers { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + -webkit-transition: + border 0.3s ease, + color 0.3s ease; + transition: + border 0.3s ease, + color 0.3s ease; +} +.directorist-pagination .page-numbers .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} +.directorist-pagination .page-numbers span { + border: 0 none; + min-width: auto; + margin: 0; +} +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} + +/* New Styles */ +.directorist-categories { + margin-top: 15px; +} +.directorist-categories__single { + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* 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-dark-rgb), 0.5); + z-index: 0; +} +.directorist-categories__single--image .directorist-categories__single__name, +.directorist-categories__single--image .directorist-categories__single__total { + color: var(--directorist-color-white); +} +.directorist-categories__single__content { + position: relative; + z-index: 1; + text-align: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 50px 30px; +} +.directorist-categories__single__content .directorist-icon-mask { + display: inline-block; +} +.directorist-categories__single__name { + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); +} +.directorist-categories__single__name::before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; +} +@media screen and (max-width: 991px) { + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-categories__single--style-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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-three .directorist-category-count { + border-color: var(--directorist-color-white); +} +.directorist-categories__single--style-four .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.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); +} +.directorist-categories .directorist-row > * { + margin-top: 30px; +} +.directorist-categories .directorist-type-nav { + margin-bottom: 15px; +} + +/* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; +} +.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-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -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 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; +} +.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; + -webkit-transition: 0.3s ease; + 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 { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { + -webkit-padding-start: 10px; + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + -webkit-padding-start: 35px; + padding-inline-start: 35px; + -webkit-padding-end: 20px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 64px; + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { + -webkit-margin-start: auto; + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + left: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +/* Taxonomy List Style Two */ +.directorist-taxonomy-list-two .directorist-taxonomy-list { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); +} +.directorist-taxonomy-list-two .directorist-taxonomy-list__card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + -webkit-transition: 0.6s ease; + transition: 0.6s ease; +} +.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-color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.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(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); +} +.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; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; +} +.directorist-location--grid-one .directorist-location__content { + padding: 22px; +} +.directorist-location--grid-one .directorist-location__content h3 { + margin: 0; + font-size: 16px; + font-weight: 500; +} +.directorist-location--grid-one .directorist-location__content a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-location--grid-one .directorist-location__content a::after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; +} +.directorist-location--grid-one .directorist-location__count { + display: block; + font-size: 14px; + font-weight: 400; +} +.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(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; +} +.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; +} +.directorist-location .directorist-row > * { + margin-top: 30px; +} +.directorist-location .directorist-type-nav { + margin-bottom: 15px; +} + +/* 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; +} + +.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 { + -webkit-transition: 0.3s ease; + 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; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.at-modal .atm-contents-inner .at-modal-close { + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; +} + +.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 { + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media only screen and (max-width: 480px) { + .directorist-author__form { + padding: 40px 25px; + } +} +.directorist-author__form__btn { + width: 100%; + height: 50px; + border-radius: 8px; +} +.directorist-author__form__actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; +} +.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); +} + +/* Authentication style */ +.directorist-authentication { + height: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; +} +.directorist-authentication__form { + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); +} +@media only screen and (max-width: 480px) { + .directorist-authentication__form { + padding: 40px 25px; + } +} +.directorist-authentication__form__btn { + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-authentication__form__actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; +} +.directorist-authentication__form__actions a { + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; +} +.directorist-authentication__form__actions a:hover { + color: #000000; + border-color: #000000; +} +.directorist-authentication__form__actions label { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__form__toggle-area { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__form__toggle-area a { + margin-left: 5px; + color: #2c99ff; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-authentication__form__toggle-area a:hover { + color: #000000; +} +.directorist-authentication__form__recover-pass-modal { + display: none; +} +.directorist-authentication__form__recover-pass-modal .directorist-form-group { + margin: 0; + padding: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; +} +.directorist-authentication__form__recover-pass-modal p { + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; +} +.directorist-authentication__form .directorist-form-element { + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; +} +.directorist-authentication__form .directorist-form-group > label { + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication__btn { + border: none; + outline: none; + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-authentication__btn:hover { + opacity: 0.75; +} +.directorist-authentication__message__text { + font-size: 14px; + font-weight: 400; + color: #404040; +} +.directorist-authentication.active { + height: auto; + opacity: 1; + visibility: visible; +} + +/* Password toggle */ +.directorist-password-group { + position: relative; +} +.directorist-password-group-input { + padding-right: 40px !important; +} +.directorist-password-group-toggle { + position: absolute; + top: calc(50% + 16px); + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; +} +.directorist-password-group-toggle svg { + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; +} + +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 0; +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-authors__nav li a:hover { + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-authors__nav li.active a { + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-content-active .directorist-authors__card { + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; +} +.directorist-content-active .directorist-authors__card__info-list li a { + color: #767792; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-right: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-right: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); +} +.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; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-content-active .directorist-authors__card .directorist-btn:hover { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} + +/* Directorist All author Grid */ +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; +} + +.directorist-select2-addon { + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.directorist-select2-dropdown-toggle { + height: auto; + width: 25px; +} + +.directorist-select2-dropdown-close { + height: auto; + 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 { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.directorist-all-listing-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-all-listing-btn__basic { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-all-listing-btn .directorist-btn__back i::after { + width: 16px; + height: 16px; +} +.directorist-all-listing-btn .directorist-modal-btn--basic { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-all-listing-btn .directorist-modal-btn--basic i::after { + width: 16px; + height: 16px; + -webkit-transform: rotate(270deg); + 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-content-active .directorist-listing-single { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + margin-bottom: 15px; +} +.directorist-content-active .directorist-listing-single--bg { + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active .directorist-listing-single__content { + border-radius: 4px; +} +.directorist-content-active .directorist-listing-single__content__badges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-content-active .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + padding: 33px 20px 24px; +} +.directorist-content-active .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active .directorist-listing-single__info__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; + width: 100%; +} +.directorist-content-active .directorist-listing-single__info__top__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active .directorist-listing-single__info__top__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; +} +.directorist-content-active .directorist-listing-single__info__badges { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-content-active .directorist-listing-single__info__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; +} +@media only screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } +} +.directorist-content-active .directorist-listing-single__info__list li, +.directorist-content-active .directorist-listing-single__info__list > div { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-right: 8px; +} +.directorist-content-active .directorist-listing-single__info__list a { + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; +} +.directorist-content-active .directorist-listing-single__info__list a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; +} +.directorist-content-active .directorist-listing-single__info__list__label { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active .directorist-listing-single__info--right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + position: absolute; + right: 20px; + top: 20px; +} +@media screen and (max-width: 991px) { + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } +} +.directorist-content-active .directorist-listing-single__info__excerpt { + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; +} +.directorist-content-active .directorist-listing-single__info__excerpt a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-content-active .directorist-listing-single__info__excerpt a:hover { + color: var(--directorist-color-body); +} +.directorist-content-active .directorist-listing-single__info__top-right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + width: 100%; +} +@media screen and (max-width: 575px) { + .directorist-content-active .directorist-listing-single__info__top-right { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + left: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; +} +.directorist-content-active .directorist-listing-single__info a { + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active .directorist-listing-single__info a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-right: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-right: 8px; + padding-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + right: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-right: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-left: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + -webkit-transform: unset; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } +} +.directorist-content-active .directorist-listing-single__meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single__meta__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active .directorist-listing-single__meta__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + word-break: break-word; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; +} +.directorist-content-active .directorist-listing-single__thumb { + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + -o-object-fit: contain; + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + -webkit-filter: blur(5px); + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + right: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; +} +.directorist-content-active .directorist-listing-single__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 22px 0 22px; +} +.directorist-content-active .directorist-listing-single__top__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active .directorist-listing-single__top__right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active .directorist-listing-single figure { + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; +} +.directorist-content-active .directorist-listing-single .directorist-badge { + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + left: 20px; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + left: unset; + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); +} +@media screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 0 10px 10px; + } +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 2; + -webkit-flex: 2; + -ms-flex: 2; + flex: 2; + padding: 10px 0 10px; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media screen and (min-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + right: 10px; +} +@media only screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + right: unset; + left: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + left: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + right: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; +} +@media only screen and (min-width: 576.99px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; +} +@media screen and (max-width: 575px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-featured { + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; +} +@media screen and (max-width: 991px) { + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; +} + +.directorist-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); +} +.directorist-mark-as-favorite__btn .directorist-favorite-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-mark-as-favorite__btn .directorist-favorite-icon:before { + content: ""; + -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); +} +.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; +} +.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; +} + +/* listing card without thumbnail */ +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +@media screen and (max-width: 575px) { + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: left; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} + +/* 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-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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-listing-category__popup { + position: relative; + margin-left: 10px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-category__popup__content { + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + left: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; +} +.directorist-listing-category__popup__content:after { + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; +} +.directorist-listing-category__popup__content a { + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; +} +.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-single__meta__right + .directorist-listing-category__popup__content { + left: unset; + right: -30px; +} +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; +} + +.directorist-listing-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: 8px; + padding: 0; +} +#map.leaflet-container .leaflet-popup-content, +#gmap.leaflet-container .leaflet-popup-content, +.directorist-single-map.leaflet-container .leaflet-popup-content { + margin: 0; + line-height: 1; + width: 350px !important; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +#map.leaflet-container .leaflet-popup-content .osm-iw-get-location, +#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; +} +#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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, +#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; +} +#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: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; +} +#map.leaflet-container .leaflet-popup-close-button:hover, +#gmap.leaflet-container .leaflet-popup-close-button:hover, +.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { + background-color: #444752; +} +#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; +} + +.directorist-single-map .gm-style-iw-c, +.directorist-single-map .gm-style-iw-d { + max-height: unset !important; +} +.directorist-single-map .gm-style-iw-tc, +.directorist-single-map .gm-style-iw-chr { + display: none; +} + +.map-listing-card-single { + position: relative; + padding: 10px; + border-radius: 8px; + -webkit-box-shadow: 0px 5px 20px + rgba(var(--directorist-color-dark-rgb), 0.33); + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); +} +.map-listing-card-single figure { + margin: 0; +} +.map-listing-card-single .directorist-mark-as-favorite__btn { + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; +} +.map-listing-card-single__img .atbd_tooltip { + margin-left: 10px; + margin-bottom: 10px; +} +.map-listing-card-single__img .atbd_tooltip img { + width: auto; +} +.map-listing-card-single__img a { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.map-listing-card-single__img figure { + width: 100%; + margin: 0; +} +.map-listing-card-single__img img { + width: 100%; + max-width: 100%; + max-height: 200px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.map-listing-card-single__author + .map-listing-card-single__content { + padding-top: 0; +} +.map-listing-card-single__author a { + width: 42px; + height: 42px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); +} +.map-listing-card-single__author img { + width: 100%; + height: 100%; + border-radius: 100%; +} +.map-listing-card-single__content { + padding: 15px 10px 10px; +} +.map-listing-card-single__content__title { + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); +} +.map-listing-card-single__content__title a { + text-decoration: unset; + color: var(--directorist-color-dark); +} +.map-listing-card-single__content__title a:hover { + color: var(--directorist-color-primary); +} +.map-listing-card-single__content__meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; +} +.map-listing-card-single__content__meta .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; +} +.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%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); +} +.map-listing-card-single__content__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.map-listing-card-single__content__info .directorist-info-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); +} +.atbd_map_shape:before { + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.atbd_map_shape .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); +} +.atbd_map_shape:hover:before { + opacity: 1; + visibility: visible; +} + +.marker-cluster-shape { + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; +} +.marker-cluster-shape:before { + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; +} + +/*style the box*/ +.atbdp-map .gm-style .gm-style-iw, +.atbd_google_map .gm-style .gm-style-iw, +.directorist-details-info-wrap .gm-style .gm-style-iw { + width: 350px; + padding: 0; + border-radius: 8px; + -webkit-box-shadow: unset; + box-shadow: unset; + max-height: none !important; +} +@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; + max-height: 100% !important; +} +.atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, +.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; +} +.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-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; +} +.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; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-report-abuse-modal .directorist-modal__body textarea:focus { + border: 1px solid var(--directorist-color-primary); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + border: none; +} +.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; +} +.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(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.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: 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) { + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } +} + +.directorist-listing-details .directorist-listing-single { + border: 0 none; +} + +.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: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + /* Legacy Icon */ +} +.directorist-single-tag-list a .directorist-icon-mask { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-tag-list a .directorist-icon-mask:after { + font-size: 15px; +} +.directorist-single-tag-list a > span:not(.directorist-icon-mask) { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-right: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 15px; +} +.directorist-single-tag-list a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-tag-list a:hover 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-sidebar .directorist-search-form .directorist-search-form-action { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-left: 0; +} +.directorist-sidebar .directorist-add-listing-types { + padding: 25px; +} +.directorist-sidebar .directorist-add-listing-types__single { + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; +} +.directorist-sidebar .directorist-add-listing-types .directorist-row { + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; +} + +.directorist-single-listing-top { + gap: 20px; + margin: 15px 0 30px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top { + gap: 10px; + } +} +.directorist-single-listing-top .directorist-return-back { + gap: 8px; + margin: 0; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: 120px; + text-decoration: none; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } +} +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } +} +.directorist-single-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-single-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); +} +.directorist-single-listing-top__btn-continue.directorist-btn:hover { + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; +} +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; +} + +.directorist-single-contents-area { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-single-contents-area .directorist-card { + padding: 0; + -webkit-filter: none; + filter: none; + margin-bottom: 35px; +} +.directorist-single-contents-area .directorist-card .directorist-card__body { + padding: 30px; +} +@media screen and (max-width: 575px) { + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } +} +.directorist-single-contents-area .directorist-card .directorist-card__header { + padding: 20px 30px; +} +@media screen and (max-width: 575px) { + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; +} +.directorist-single-contents-area .directorist-card__header__title { + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-right: 10px; +} +.directorist-single-contents-area .directorist-card__header-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; +} +.directorist-single-contents-area .directorist-details-info-wrap a { + font-size: 15px; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} +.directorist-single-contents-area .directorist-details-info-wrap a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-contents-area .directorist-details-info-wrap ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; +} +.directorist-single-contents-area .directorist-details-info-wrap li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); +} +.directorist-single-contents-area .directorist-related { + padding: 0; +} + +.directorist-single-contents-area { + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; +} +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} + +.directorist-single-map__location { + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 30px 0 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media screen and (max-width: 575px) { + .directorist-single-map__location { + padding: 20px 0 0; + } +} +.directorist-single-map__address { + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; +} +.directorist-single-map__address i::after { + width: 14px; + height: 14px; + margin-top: 4px; +} +.directorist-single-map__direction a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.directorist-single-contents-area .directorist-single-map__direction a { + font-size: 14px; + color: var(--directorist-color-info); +} +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); +} +.directorist-single-contents-area .directorist-single-map__direction a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} + +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); +} + +.directorist-single-listing-header { + margin-bottom: 25px; + margin-top: -15px; + padding: 0; +} + +.directorist-single-wrapper .directorist-listing-single__info { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-single-wrapper .directorist-single-listing-slider-wrap { + padding: 0; + margin: 15px 0; +} +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + -o-object-fit: contain; + object-fit: contain; +} + +.directorist-single-listing-quick-action { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 767px) { + .directorist-single-listing-quick-action { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action { + gap: 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-single-listing-quick-action .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; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action .directorist-action-report { + font-size: 0; + } +} +@media screen and (max-width: 575px) { + .directorist-single-listing-quick-action .directorist-action-bookmark { + font-size: 0; + } +} +.directorist-single-listing-quick-action .directorist-social-share-links { + position: absolute; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + right: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a i { + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-listing-single__quick-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-single-listing-action { + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; +} +.directorist-single-listing-action:hover { + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; +} +@media screen and (max-width: 575px) { + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } +} +@media screen and (max-width: 480px) { + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } +} +@media screen and (max-width: 380px) { + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } +} +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); +} +.directorist-single-listing-action .directorist-icon-mask::after { + width: 15px; + height: 15px; +} +.directorist-single-listing-action a { + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-single-listing-action .atbdp-require-login, +.directorist-single-listing-action .directorist-action-report-not-loggedin { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; +} +.directorist-single-listing-action .atbdp-require-login i, +.directorist-single-listing-action .directorist-action-report-not-loggedin i { + pointer-events: none; +} + +.directorist-listing-details { + margin: 15px 0 30px; +} +.directorist-listing-details__text p { + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; +} +.directorist-listing-details__text ul { + list-style: disc; + padding-left: 20px; + margin-left: 0; +} +.directorist-listing-details__text li { + list-style: disc; +} +.directorist-listing-details__listing-title { + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); +} +@media screen and (max-width: 575px) { + .directorist-listing-details__listing-title { + font-size: 24px; + } +} +.directorist-listing-details__tagline { + margin: 10px 0; + color: var(--directorist-color-body); +} +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); +} +.directorist-listing-details .directorist-listing-single__info { + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.directorist-single-contents-area .directorist-embaded-video { + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; +} +@media (max-width: 768px) { + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } +} + +.directorist-single-contents-area .directorist-single-map { + border-radius: 12px; + z-index: 1; +} +.directorist-single-contents-area + .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 figure { + margin: 0; +} +.directorist-single-author-info .diretorist-view-profile-btn { + margin-top: 22px; + padding: 0 30px; +} + +.directorist-single-author-avatar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-single-author-avatar .directorist-single-author-avatar-inner { + margin-right: 10px; + width: auto; +} +.directorist-single-author-avatar .directorist-single-author-avatar-inner img { + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); +} +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0; + padding: 0; +} +.directorist-single-author-contact-info ul li { + width: 100%; + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + margin-left: 0; +} +.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 a:hover { + color: var(--directorist-color-primary); +} +.directorist-single-author-contact-info ul .directorist-icon-mask::after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); +} + +.directorist-single-author-contact-info-text { + font-size: 15px; + margin-left: 12px; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); +} + +.directorist-single-author-info .directorist-social-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 25px -5px -5px; +} +.directorist-single-author-info .directorist-social-wrap a { + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; +} + +.directorist-details-info-wrap .directorist-single-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + word-break: break-word; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 15px; +} +.directorist-details-info-wrap .directorist-single-info:not(:last-child) { + margin-bottom: 12px; +} +.directorist-details-info-wrap .directorist-single-info a { + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-details-info-wrap .directorist-single-info__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } +} +@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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-right: 10px; + font-size: 14px; + text-align: center; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; +} +.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-number + .directorist-single-info__value { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-details-info-wrap .directorist-single-info__value { + margin-top: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap .directorist-single-info__value { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin-top: 0; + } +} +.directorist-details-info-wrap .directorist-single-info__value a { + color: var(--directorist-color-body); +} +@media screen and (max-width: 575px) { + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } +} + +.directorist-social-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-social-links a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; +} +.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 30px; + 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; +} +@media screen and (max-width: 480px) { + .directorist-google-map, + .directorist-single-map { + height: 320px; + } +} + +.directorist-rating-review-block { + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; +} + +.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 { + -webkit-box-shadow: none; + 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(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.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-single-review { + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; +} +.directorist-single-review:first-child { + padding-top: 0; +} +.directorist-single-review:last-child { + padding-bottom: 0; + border-bottom: 0; +} +.directorist-single-review .directorist-single-review__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-single-review .directorist-single-review-avatar-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 22px; +} +.directorist-single-review .directorist-single-review-avatar { + margin-right: 12px; +} +.directorist-single-review .directorist-single-review-avatar img { + max-width: 50px; + border-radius: 50%; +} +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; +} + +.atbdp-universal-pagination ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -5px; + padding: 0; +} +.atbdp-universal-pagination li { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); +} +.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%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + left: 70%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + left: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + left: 30%; +} + +.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; +} +.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: 15px; + color: var(--directorist-color-deep-gray); +} +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content .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: 0; + } +} +.directorist-review-content .directorist-review-content__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; +} +.directorist-review-content .directorist-review-content__overview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; +} +.directorist-review-content .directorist-review-content__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-right: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; +} +.directorist-review-content .directorist-review-content__overview__benchmarks { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + -webkit-box-flex: 1.5; + -webkit-flex: 1.5; + -ms-flex: 1.5; + flex: 1.5; + border-radius: 2px; + height: 5px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: right; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-left: 0; +} +.directorist-review-content .directorist-review-content__reviews > li { + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-right: 8px; + padding-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + -o-object-fit: cover; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-left: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + left: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; +} +.directorist-review-content .directorist-review-content__pagination { + padding: 0; + margin: 25px 0 0; +} +.directorist-review-content .directorist-review-content__pagination ul { + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; +} +.directorist-review-content .directorist-review-content__pagination ul li { + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; +} + +.directorist-review-submit { + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; +} +.directorist-review-submit__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-review-submit__header h3 { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; +} +.directorist-review-submit__header h3 span { + color: var(--directorist-color-body); +} +.directorist-review-submit__header h3 span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-submit__header .directorist-btn { + font-size: 13px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; +} +.directorist-review-submit__header .directorist-btn .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__overview { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; +} +.directorist-review-submit__overview__rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +@media (max-width: 480px) { + .directorist-review-submit__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-review-submit__overview__rating .directorist-rating-point { + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); +} +.directorist-review-submit__overview__rating .directorist-rating-stars { + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating .directorist-rating-overall { + font-size: 14px; + color: var(--directorist-color-body); + display: block; +} +.directorist-review-submit__overview__benchmarks { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-submit__overview__benchmarks .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-left: 0; +} +.directorist-review-submit > li { + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit .directorist-comment-edit-request > li { + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; +} + +.directorist-review-content__pagination { + padding: 0; + margin: 25px 0 35px; +} +.directorist-review-content__pagination ul { + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; +} +.directorist-review-content__pagination li { + padding: 4px; + list-style-type: none; +} +.directorist-review-content__pagination li .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content__pagination li .page-numbers.current { + border-color: #090e30; +} + +.directorist-review-single { + padding: 40px 30px; + margin: 0; +} +@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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-review-single__author__img { + width: 50px; + height: 50px; + padding: 0; +} +.directorist-review-single__author__img img { + width: 50px; + height: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-single__author__details { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-single__feedback a { + margin: 5px; + font-size: 13px; +} +.directorist-review-single__actions { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-single__actions a { + font-size: 13px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); +} +.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-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media screen and (max-width: 575px) { + .directorist-review-single .directorist-review-meta { + gap: 10px; + } +} +.directorist-review-single .directorist-review-meta .directorist-review-date { + margin: 0; +} +.directorist-review-single .directorist-review-submit { + margin-top: 0; + margin-bottom: 0; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; +} +.directorist-review-single .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-submit__form { + margin: 0 !important; +} +.directorist-review-submit__form:not(.directorist-form-comment-edit) { + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-left: 0; + padding-right: 0; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single a:before { + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__form .directorist-review-criteria__single a:focus { + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; +} +.directorist-review-submit__form .directorist-form-group:not(:last-child) { + margin-bottom: 20px; +} +.directorist-review-submit__form .directorist-form-group textarea { + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; +} +.directorist-review-submit__form .directorist-form-group textarea:focus { + background-color: #f6f7f9; +} +.directorist-review-submit__form .directorist-form-group label { + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-webkit-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-moz-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]:-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form .form-group-comment { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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: 12px; + resize: none; + padding: 20px; + min-height: 140px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); +} +.directorist-review-submit__form .form-group-comment textarea:focus { + border: 2px solid var(--directorist-color-border-gray); +} +.directorist-review-submit__form .directorist-review-media-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; +} +.directorist-review-submit__form .directorist-review-media-upload label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; +} +.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: var(--directorist-color-body); + margin-top: 6px; +} +.directorist-review-submit__form .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -5px -5px -5px 5px; +} +.directorist-review-submit__form .directorist-review-gallery-preview { + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; +} +.directorist-review-submit__form .directorist-review-gallery-preview img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; +} +.directorist-review-submit .directorist-btn { + padding: 0 20px; +} + +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; +} + +@-webkit-keyframes directoristCommentEditLoading { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes directoristCommentEditLoading { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.directorist-favourite-items-wrap { + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); +} +.directorist-favourite-items-wrap .directorist-favourirte-items { + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list { + font-size: 15px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 15px !important; + margin: 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: 0.35s; + transition: 0.35s; +} +@media only screen and (max-width: 991px) { + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 20px; +} +@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-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-right: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-right: 5px; +} +@media only screen and (max-width: 991px) { + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } +} + +.directorist-user-dashboard { + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-user-dashboard__contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 20px; +} +.directorist-user-dashboard__toggle { + margin-bottom: 20px; +} +.directorist-user-dashboard__toggle__link { + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); +} +.directorist-user-dashboard__tab-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: calc(100% - 250px); +} +.directorist-user-dashboard .directorist-alert { + margin-bottom: 15px; +} +.directorist-user-dashboard #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); +} +#directorist-dashboard-preloader div { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +#directorist-dashboard-preloader div:nth-child(1) { + -webkit-animation-delay: -0.45s; + animation-delay: -0.45s; +} +#directorist-dashboard-preloader div:nth-child(2) { + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +#directorist-dashboard-preloader div:nth-child(3) { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} + +/* My listing tab */ +.directorist-user-dashboard-tab__nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media screen and (max-width: 480px) { + .directorist-user-dashboard-tab__nav { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-user-dashboard-tab ul { + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-left: 0; +} +@media screen and (max-width: 480px) { + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } +} +.directorist-user-dashboard-tab 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: var(--directorist-color-dark); + position: relative; +} +.directorist-user-dashboard-tab li a:after { + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tab li a.directorist-tab__nav__active { + color: var(--directorist-color-primary); +} +.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: 12px; + margin: 16px 0 16px 16px; +} +.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.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__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-user-dashboard-tab .directorist-user-dashboard-search input { + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.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: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table { + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr { + background-color: var(--directorist-color-white); +} +.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; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th { + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-right: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-right: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-right: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + right: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + left: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-decoration: none; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-right: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-right: 4px; +} +.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-right: 0px; + margin-bottom: 4px; +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + right: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-right: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } +} +.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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; +} +.directorist-become-author-modal.directorist-become-author-modal__show { + visibility: visible; + opacity: 1; + pointer-events: all; +} +.directorist-become-author-modal__content { + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; +} +.directorist-become-author-modal__content p { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-become-author-modal__content h3 { + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal span.directorist-become-author__loader { + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; +} +.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: var(--directorist-color-white); +} +.directorist-shade.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; +} +.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: 8px; + display: inline-block; +} + +.directorist-user-dashboard__nav { + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + left: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +@media only screen and (max-width: 1199px) { + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + left: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } +} +@media only screen and (max-width: 600px) { + .directorist-user-dashboard__nav { + right: 20px; + top: 10px; + } +} +.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: 600px) { + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } +} +.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} + +.directorist-tab__nav__items { + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-tab__nav__items a { + text-decoration: none; +} +.directorist-tab__nav__items li { + margin: 0; +} +.directorist-tab__nav__items li ul { + display: none; + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-tab__nav__items li ul li a { + padding-left: 25px; + text-decoration: none; +} + +.directorist-tab__nav__link { + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; +} +.directorist-tab__nav__link .directorist_menuItem-text { + pointer-events: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; +} +.directorist-tab__nav__link .directorist_menuItem-text i, +.directorist-tab__nav__link .directorist_menuItem-text span.fa { + pointer-events: none; + display: inline-block; +} +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); +} +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; +} + +/* user dashboard sidebar nav action */ +.directorist-tab__nav__action { + margin-top: 15px; +} +.directorist-tab__nav__action .directorist-btn { + display: block; +} +.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: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; +} +.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-image-profile-wrap .directorist-profile-uploader { + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; +} + +.directorist-user-profile-box .directorist-card__header { + padding: 18px 20px; +} +.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: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; +} +.directorist-user-info-wrap .directorist-btn-profile-save { + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; +} +.directorist-user-info-wrap #directorist-profile-notice .directorist-alert { + margin-top: 15px; +} + +/* User Preferences */ +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; +} +.directorist-user_preferences .directorist-preference-radio { + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); +} + +/* Directorist Toggle */ +.directorist-toggle { + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} + +.directorist-toggle-switch { + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + -webkit-transition: background 0.25s; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; +} +.directorist-toggle-switch:before { + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + -webkit-transition: left 0.25s; + transition: left 0.25s; +} +.directorist-toggle:hover .directorist-toggle-switch:before { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(#fff), + to(#fff) + ); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); +} +.directorist-toggle-checkbox:checked + .directorist-toggle-switch { + background: var(--directorist-color-primary); +} +.directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { + left: 25px; +} + +.directorist-toggle-checkbox { + position: absolute; + visibility: hidden; +} + +.directorist-user-socials .directorist-user-social-label { + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-socials label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.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: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); +} +.directorist-announcement-wrapper .directorist-announcement { + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; +} +.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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 0.4217; + -webkit-flex: 0.4217; + -ms-flex: 0.4217; + flex: 0.4217; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; +} +@media (max-width: 1199px) { + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } +} +@media (max-width: 479px) { + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +.directorist-announcement-wrapper .directorist-announcement__date__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 { + -webkit-box-flex: 8; + -webkit-flex: 8; + -ms-flex: 8; + flex: 8; + padding-left: 15px; +} +@media (max-width: 1199px) { + .directorist-announcement-wrapper .directorist-announcement__content { + -webkit-box-flex: 6; + -webkit-flex: 6; + -ms-flex: 6; + flex: 6; + } +} +@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 { + -webkit-box-flex: 0; + -webkit-flex: 0; + -ms-flex: 0; + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + -webkit-transition: 0.35s; + transition: 0.35s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + -webkit-transition: 0.35s; + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-announcement-wrapper .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; +} + +.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; +} +.directorist-payment-table th { + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); +} +.directorist-payment-table tbody td { + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); +} +.directorist-payment-table tbody tr:first-child td { + padding-top: 20px; +} +.directorist-payment-table__label { + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; +} +.directorist-payment-table__title { + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); +} +.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 td:nth-child(even) { + text-align: right; +} +.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; +} + +.directorist-btn-view-listing { + min-height: 54px; + border-radius: 10px; +} + +.directorist-checkout-card { + -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + -webkit-filter: none; + filter: none; +} +.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-color: var(--directorist-color-white); +} +.directorist-payment-gateways ul { + margin: 0; + padding: 0; +} +.directorist-payment-gateways li { + list-style-type: none; + padding: 0; + margin: 0; +} +.directorist-payment-gateways li:not(:last-child) { + margin-bottom: 15px; +} +.directorist-payment-gateways li .gateway_list { + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); +} + +.directorist-payment-action { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; +} +.directorist-payment-action .directorist-btn { + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; +} +@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 { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +/*responsive css */ +@media (min-width: 992px) and (max-width: 1199px) { + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} +@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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-left: -15px; + margin-right: -15px; + } +} +@media (max-width: 767px) { + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-right: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + } + .ads-advanced .bdas-filter-actions { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-left: 0 !important; + padding-right: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: auto; + right: 0; + } +} +@media (max-width: 650px) { + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } +} +@media (max-width: 575px) { + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-right: 30px; + padding-left: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: left; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-left: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-right: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-left: 0; + margin-right: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + right: 0; + bottom: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } +} +/* 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-left: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +@media only screen and (max-width: 1199px) { + .directorist-search-contents .directorist-search-form-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } +} +@media only screen and (max-width: 575px) { + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} +@media only screen and (max-width: 479px) { + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + margin-top: 30px; + } +} +@media only screen and (max-width: 375px) { + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=public-main.css.map*/ diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 72e2b69a4c..95df5edc3c 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -3,994 +3,1138 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ @-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + -webkit-transform: translate(50%, -50%) rotate(0deg); + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(50%, -50%) rotate(-360deg); + transform: translate(50%, -50%) rotate(-360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + -webkit-transform: translate(50%, -50%) rotate(0deg); + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + -webkit-transform: translate(50%, -50%) rotate(-360deg); + transform: translate(50%, -50%) rotate(-360deg); + } } @-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + -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; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + -webkit-transition: + color 0.3s ease, + border 0.3s ease; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); -} -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); +} +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1001,103 +1145,103 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; - margin-top: -15px; - min-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-top: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1112,1886 +1256,1907 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.3333333333%; } .directorist-offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.6666666667%; } .directorist-offset-3 { - margin-right: 25%; + margin-right: 25%; } .directorist-offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.3333333333%; } .directorist-offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.6666666667%; } .directorist-offset-6 { - margin-right: 50%; + margin-right: 50%; } .directorist-offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.3333333333%; } .directorist-offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.6666666667%; } .directorist-offset-9 { - margin-right: 75%; + margin-right: 75%; } .directorist-offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.3333333333%; } .directorist-offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-right: 0; - } - .directorist-offset-sm-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-right: 25%; - } - .directorist-offset-sm-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-right: 50%; - } - .directorist-offset-sm-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-right: 75%; - } - .directorist-offset-sm-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-right: 0; + } + .directorist-offset-sm-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-right: 25%; + } + .directorist-offset-sm-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-right: 50%; + } + .directorist-offset-sm-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-right: 75%; + } + .directorist-offset-sm-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-right: 0; - } - .directorist-offset-md-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-right: 25%; - } - .directorist-offset-md-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-right: 50%; - } - .directorist-offset-md-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-right: 75%; - } - .directorist-offset-md-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-right: 0; + } + .directorist-offset-md-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-right: 25%; + } + .directorist-offset-md-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-right: 50%; + } + .directorist-offset-md-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-right: 75%; + } + .directorist-offset-md-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-right: 0; - } - .directorist-offset-lg-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-right: 25%; - } - .directorist-offset-lg-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-right: 50%; - } - .directorist-offset-lg-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-right: 75%; - } - .directorist-offset-lg-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.6667%; + -ms-flex: 0 0 41.6667%; + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.3333%; + -ms-flex: 0 0 58.3333%; + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.6667%; + -ms-flex: 0 0 66.6667%; + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.3333%; + -ms-flex: 0 0 83.3333%; + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.6667%; + -ms-flex: 0 0 91.6667%; + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-right: 0; + } + .directorist-offset-lg-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-right: 25%; + } + .directorist-offset-lg-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-right: 50%; + } + .directorist-offset-lg-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-right: 75%; + } + .directorist-offset-lg-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-right: 0; - } - .directorist-offset-xl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-right: 25%; - } - .directorist-offset-xl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-right: 50%; - } - .directorist-offset-xl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-right: 75%; - } - .directorist-offset-xl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-right: 0; + } + .directorist-offset-xl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-right: 25%; + } + .directorist-offset-xl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-right: 50%; + } + .directorist-offset-xl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-right: 75%; + } + .directorist-offset-xl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-right: 0; - } - .directorist-offset-xxl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-right: 25%; - } - .directorist-offset-xxl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-right: 50%; - } - .directorist-offset-xxl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-right: 75%; - } - .directorist-offset-xxl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-right: 0; + } + .directorist-offset-xxl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-right: 25%; + } + .directorist-offset-xxl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-right: 50%; + } + .directorist-offset-xxl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-right: 75%; + } + .directorist-offset-xxl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-right: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + -webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + -webkit-transition: + padding 0.25s, + max-height 0.25s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + -webkit-box-shadow: inset 0 1px 1px + rgba(var(--directorist-color-dark-rgb), 0.06); + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + -webkit-box-shadow: 0 0 3px #c4e6f5; + 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; + -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; + -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; + -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; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 17px; + font-weight: 500; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + -webkit-box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + -webkit-box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + -webkit-transition-delay: 0; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + -webkit-box-shadow: none !important; + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + -webkit-box-sizing: content-box; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + border-radius: 40px; + border-radius: 50%; + -webkit-box-sizing: content-box; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -3001,622 +3166,899 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + -webkit-transition: + color 0.2s ease, + background 0.2s ease; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-webkit-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-moz-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input:-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::-ms-input-placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + -webkit-mask-image: none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3624,11 +4066,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3637,1004 +4079,1139 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + -webkit-mask-image: none; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -webkit-box-flex: 0 !important; + -webkit-flex: 0 0 100% !important; + -ms-flex: 0 0 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); - mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + -webkit-filter: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + -webkit-flex-basis: unset; + -ms-flex-preferred-size: unset; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + -o-object-fit: cover; + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 0 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4642,789 +5219,834 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); - mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + -webkit-box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease, + -webkit-box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - opacity: 1; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + -webkit-padding-end: 20px; + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + -webkit-transition: padding-top 0.3s ease; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -webkit-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 35px 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5438,48 +6060,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::-moz-selection { - background: transparent; + background: transparent; } .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5490,229 +6112,231 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: + transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5721,1741 +6345,1936 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-right: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-right: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; -} -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); -} -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + text-decoration: none; +} +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); +} +.directorist-content-active button[type="submit"].directorist-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); - mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-left: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + -webkit-mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-left: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - left: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - left: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + left: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + left: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 0 0 5px; + cursor: pointer; + margin: 0 0 0 5px; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-left: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-left: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-right: 44px; - margin-top: 2px; + padding-right: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; -} -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - right: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: relative; +} +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + right: -12px; + top: 50%; + font-size: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + -webkit-margin-after: 10px; + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + -webkit-padding-start: 52px; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 25px; + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + -webkit-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-animation: spin-centered 3s linear infinite; + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + -webkit-transform: translateX(50%) rotate(0deg); + transform: translateX(50%) rotate(0deg); + } + to { + -webkit-transform: translateX(50%) rotate(-360deg); + transform: translateX(50%) rotate(-360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7463,6947 +8282,8894 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform-style: flat; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + -webkit-box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - right: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + right: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-right: -1px; - width: 2px; - height: 5px; + margin-right: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - right: 100%; + padding: 0 10px; + height: 100%; + top: 0; + right: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-right: 25px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-right: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - right: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - right: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - left: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - left: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + right: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + right: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + left: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + left: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 100%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - right: 10px; + right: 10px; } .directorist-swiper__nav--next { - left: 10px; + left: 10px; } .directorist-swiper__nav--prev-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .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; - -webkit-transform: scale(1.4); - transform: scale(1.4); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); +} +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + -webkit-transform: scale(1.4); + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + right: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + left: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + -o-object-fit: cover; + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + overflow: auto; + height: auto; + display: none; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb { - border-radius: 12px; - } + .directorist-single-listing-slider-thumb { + border-radius: 12px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb { - border-radius: 8px; - } + .directorist-single-listing-slider-thumb { + border-radius: 8px; + } } .directorist-single-listing-slider-thumb .swiper-wrapper { - height: auto; + height: auto; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - } + .directorist-single-listing-slider-thumb .swiper-wrapper { + gap: 10px; + } } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide { - margin: 0 !important; - height: 90px; - } + .directorist-single-listing-slider-thumb .swiper-slide { + margin: 0 !important; + height: 90px; + } } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide img { - border-radius: 14px; - } + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 14px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide img { - border-radius: 8px; - aspect-ratio: 16/9; - } + .directorist-single-listing-slider-thumb .swiper-slide img { + border-radius: 8px; + aspect-ratio: 16/9; + } } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; } @media screen and (min-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide:before { - border-radius: 12px; - } + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 12px; + } } @media screen and (max-width: 768px) { - .directorist-single-listing-slider-thumb .swiper-slide:before { - border-radius: 8px; - } + .directorist-single-listing-slider-thumb .swiper-slide:before { + border-radius: 8px; + } } -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - right: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + right: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - right: auto; - left: 0; + right: auto; + left: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - right: unset; - left: 0; - } + .directorist-dropdown__links { + right: unset; + left: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - right: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - right: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -webkit-transform: translate(50%); + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + -webkit-transform: translate(50%, -6px); + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @-webkit-keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -webkit-transition: all ease 0.4s; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + -webkit-transition: background-color ease 0.3s; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); - mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + width: 16px; + height: 16px; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; +} +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + -webkit-transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 0 0 6px !important; + text-decoration: none; + margin: 0 0 0 6px !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + position: relative; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-left: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-left: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: unset; + -webkit-box-direction: unset; + -webkit-flex-direction: unset; + -ms-flex-direction: unset; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-left: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-left: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-radius: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-right: 0; + margin-right: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-left: 10px; - margin-left: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-left: 10px; + margin-left: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); - mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + -webkit-mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; -} -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; +} +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-left: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-left: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - left: unset; - right: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + left: unset; + right: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - left: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + left: 15px; + top: unset; + -webkit-transform: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-left: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-left: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - right: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + right: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -webkit-box-shadow: 0 10px 15px + rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - right: 0; - visibility: visible; - opacity: 1; + right: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-left: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -webkit-box-shadow: none; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-left: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 0 0 20px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - left: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 0 0 20px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + left: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + left: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + -webkit-transition: margin 0.3s ease; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + -webkit-transform: unset; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + -webkit-transform: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + -webkit-transform: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 46%; + -ms-flex: 0 0 46%; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + -webkit-transition: + background-color 0.3s ease, + color 0.3s ease; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - left: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + left: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-right: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-right: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-right: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-right: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-right: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-left: 5px; + margin-left: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-left: 4px; + line-height: 1; + margin-left: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-left: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-left: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + width: 102px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-left: 18px; - padding-right: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + height: 42px; + padding-left: 18px; + padding-right: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - right: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + right: 23px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + content: ""; + -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - right: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + right: 18px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + -webkit-box-sizing: content-box; + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-webkit-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-moz-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element:-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::-ms-input-placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - left: 0; - opacity: 0; - visibility: hidden; + left: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + left: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 25px 22px 22px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 25px 22px 22px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + -webkit-box-shadow: unset; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-left: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - left: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-left: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + -webkit-transform: unset; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + left: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } -} -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; + .directorist-search-form__top .directorist-search-modal__input { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } +} +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-left: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-flex: 30%; + -webkit-flex: 30%; + -ms-flex: 30%; + flex: 30%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-left: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-left: 1px solid var(--directorist-color-border); + border-left: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; + left: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 38px; + bottom: 8px; + top: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - left: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - left: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 44%; + -webkit-flex: 44%; + -ms-flex: 44%; + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - right: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - left: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + right: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--directorist-color-body); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + left: 40px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - left: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + left: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - left: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - left: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - left: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - right: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - right: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-webkit-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-moz-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input:-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::-ms-input-placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + -webkit-transform: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + left: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + left: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-webkit-input-placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-moz-placeholder { + opacity: 0; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input:-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::-ms-input-placeholder { + opacity: 0; + -ms-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-left: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-left: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-left: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-left: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + -webkit-margin-end: 5px; + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + -webkit-margin-start: 10px; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-right: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-right: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-end: auto; + margin-inline-end: auto; + -webkit-padding-start: 10px; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + -webkit-padding-start: 0; + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-right: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-right: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-right: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-right: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + -webkit-animation: atbd_spin2 2s linear infinite; + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-left: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-left: 3px solid transparent; + border-radius: 50%; + -webkit-animation: 1s rotate360 linear infinite; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 25px; + margin-left: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-left: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); - mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14413,5017 +17179,6218 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - right: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - right: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + right: 0; + top: 45px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-left: 1px solid var(--directorist-color-border); + -webkit-box-flex: 30.8%; + -webkit-flex: 30.8%; + -ms-flex: 30.8%; + flex: 30.8%; + border-left: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + -webkit-transition: border ease 0.3s; + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 0 0 10px; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 0 0 10px; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + -webkit-transition: + border 0.3s ease, + color 0.3s ease; + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-padding-start: 12px; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; + -webkit-margin-start: auto; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + -webkit-padding-start: 10px; + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + -webkit-padding-start: 35px; + padding-inline-start: 35px; + -webkit-padding-end: 20px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 64px; + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + -webkit-padding-start: 15px; + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - right: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - right: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(50%); - transform: translateX(50%); + -webkit-margin-start: auto; + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + right: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + right: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + -webkit-transform: translateX(50%); + transform: translateX(50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + -webkit-transition: 0.6s ease; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + -webkit-padding-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - right: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + -o-object-fit: cover; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + -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; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-right: 5px; - color: var(--directorist-color-info); + margin-right: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + -webkit-transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-right: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-right: 5px; + color: #2c99ff; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-left: 40px !important; + padding-left: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - left: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + left: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + -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; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-left: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-left: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-left: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-left: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + -webkit-transform: rotate(-270deg); + transform: rotate(-270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__content__badges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; + width: 100%; } .directorist-content-active .directorist-listing-single__info__top__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-content-active .directorist-listing-single__info__top__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__badges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-left: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-left: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - left: 20px; - top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 20px; + position: absolute; + left: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: right; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: right; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - right: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + right: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-left: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-left: 8px; - padding-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - left: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-left: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-right: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-left: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-left: 8px; + padding-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + left: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-left: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-right: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + -webkit-transform: unset; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-left: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + word-break: break-word; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-left: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - left: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + -o-object-fit: contain; + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + -webkit-filter: blur(5px); + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + left: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 22px 0 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 20px 22px 0 22px; } .directorist-content-active .directorist-listing-single__top__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-content-active .directorist-listing-single__top__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + -webkit-transform: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - right: 20px; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - right: unset; - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + right: 20px; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + right: unset; + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-right: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-right: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-right: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-right: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 10px 10px 0; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 10px 10px 0; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 2; + -webkit-flex: 2; + -ms-flex: 2; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - left: unset; - right: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - left: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + left: unset; + right: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + left: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - left: unset; - right: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - right: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - left: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + left: unset; + right: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + right: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + left: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + gap: 6px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular .directorist-icon-mask:after { - background-color: var(--directorist-color-popular-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new .directorist-icon-mask:after { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured .directorist-icon-mask:after { - background-color: var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-popular-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-right: 4px; + margin-right: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); - mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); - mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); - background-color: var(--directorist-color-danger); + content: ""; + -webkit-mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + -webkit-mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - left: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + left: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-left: 6px solid transparent; - border-right: 6px solid transparent; - left: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-left: 6px solid transparent; + border-right: 6px solid transparent; + left: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + -webkit-transform: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: right; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col { - width: 50%; +.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-archive-grid-view.directorist-archive-grid--fix + .directorist-all-listing-col { + width: 100%; + } } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-right: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-right: 10px; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - right: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + right: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - right: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + right: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - right: unset; - left: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + right: unset; + left: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - right: unset; - left: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + right: unset; + left: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - direction: ltr; + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - left: 10px; - right: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + left: 10px; + right: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + -webkit-box-shadow: 0px 5px 20px + rgba(var(--directorist-color-dark-rgb), 0.33); + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - left: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + left: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-right: 10px; - margin-bottom: 10px; + margin-right: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-right: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-right: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-left: 4px; + margin-left: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-left: 8px; - margin-left: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-left: 8px; + margin-left: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-right: 5px; + margin-right: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + -webkit-animation: atbd_scale 3s linear alternate infinite; + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - right: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + right: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + -webkit-box-shadow: unset; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - left: -40px !important; - top: -30px !important; - right: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + left: -40px !important; + top: -30px !important; + right: auto; + position: absolute; + -webkit-transform: none; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: right; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: right; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -webkit-animation: rotate360 2s linear infinite; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: right; + text-align: right; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); - mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - right: 0; - top: 0; + content: ""; + -webkit-mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + right: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-left: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-left: 10px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-right: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-right: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 45%; + -ms-flex: 0 0 45%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; + min-width: 120px; + text-decoration: none; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + -webkit-filter: none; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-left: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-left: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: 0 0 49%; + -ms-flex: 0 0 49%; + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 30px 0 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-listing-single__info { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + -o-object-fit: contain; + object-fit: contain; } .directorist-single-listing-quick-action { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-action-report { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-action-report { + font-size: 0; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-action-bookmark { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-action-bookmark { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - left: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + left: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-right: 0; - margin: 0; + padding-right: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 5px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-listing-single__quick-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-listing-single__quick-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + -webkit-transition: 0.2s background-color ease-in-out; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-right: 20px; - margin-right: 0; + list-style: disc; + padding-right: 20px; + margin-right: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19432,4383 +23399,5332 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-left: 10px; - width: auto; + margin-left: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; - margin-right: 0; + width: 100%; + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-right: 0; + margin-right: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-right: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-right: 12px; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 15px; + word-break: break-word; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-left: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-left: 10px; + font-size: 14px; + text-align: center; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-left: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-left: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } -} -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } +} +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + -webkit-transition: all ease-in-out 300ms !important; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-left: 10px; + display: inline-block; + vertical-align: middle; + margin-left: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-left: 10px; - margin: 0 0 0 10px; + margin-left: 10px; + margin: 0 0 0 10px; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.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-right: 20px; + display: inline-block; + margin-right: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-left: 10px; - margin-bottom: 0; + margin-left: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-left: 12px; + margin-left: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - right: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - right: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - right: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + right: 70%; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + right: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + right: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-left: 5px; + margin-left: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-right: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-right: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-right: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-right: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-left: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-left: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-left: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: left; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-right: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + -webkit-box-flex: 1.5; + -webkit-flex: 1.5; + -ms-flex: 1.5; + flex: 1.5; + border-radius: 2px; + height: 5px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + -webkit-box-shadow: none; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: left; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-right: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-left: 8px; - padding-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-right: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - right: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-left: 8px; + padding-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + -o-object-fit: cover; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-right: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + right: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-right: 0; + padding-left: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; + content: "-"; + color: #8f8e9f; + padding-left: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; + display: inline-block; + margin-left: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + -webkit-mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-left: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + -webkit-box-flex: 0.1; + -webkit-flex: 0.1; + -ms-flex: 0.1; + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-left: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-right: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-right: 15px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-right: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-right: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-right: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-left: 6px; + margin-left: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-right: 0; + padding-left: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - right: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + right: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-right: 0; - padding-left: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-right: 0; + padding-left: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + -webkit-mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-right: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-right: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-webkit-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-webkit-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-moz-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-moz-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]:-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]:-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::-ms-input-placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::-ms-input-placeholder { + color: var(--directorist-color-deep-gray); +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px 5px -5px -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: -5px 5px -5px -5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; + padding: 0 20px; } -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 15px !important; + margin: 0; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: 0.35s; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-left: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-left: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-left: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-left: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-left: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-left: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - right: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + right: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + -webkit-animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; + margin: 0; + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-right: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-left: 20px; + margin-left: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - right: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + right: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 16px 16px 0; + position: relative; + border-radius: 12px; + margin: 16px 16px 16px 0; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - right: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 16px; + top: 50%; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 40px 10px 18px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 40px 10px 18px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: right; + text-align: right; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-left: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-left: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-left: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - left: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - right: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-left: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-left: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-left: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + -o-object-fit: cover; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-left: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-left: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + left: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + right: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-decoration: none; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-left: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-left: 0px; - margin-bottom: 4px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-left: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-left: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - left: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-left: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + left: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-left: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-left: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-left: 2px solid var(--directorist-color-white); + -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: right; - padding: 5px 15px; + text-align: right; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-left: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - right: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-left: 30px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; + right: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - right: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + right: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - left: 15px; - top: 50px; + display: none; + position: absolute; + left: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-left: 0; - right: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-left: 0; + right: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-right: 25px; - text-decoration: none; + padding-right: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; + pointer-events: none; + display: inline-block; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -webkit-box-shadow: 0 0; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); - mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + -webkit-transition: background 0.25s; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - right: 4px; - -webkit-transition: right 0.25s; - transition: right 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + right: 4px; + -webkit-transition: right 0.25s; + transition: right 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: -webkit-gradient( + linear, + right top, + right bottom, + from(#fff), + to(#fff) + ); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - right: 25px; + right: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-left: 6px; + margin-left: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + -webkit-box-flex: 0.4217; + -webkit-flex: 0.4217; + -ms-flex: 0.4217; + flex: 0.4217; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-right: 15px; + -webkit-box-flex: 8; + -webkit-flex: 8; + -ms-flex: 8; + flex: 8; + padding-right: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + -webkit-box-flex: 6; + -webkit-flex: 6; + -ms-flex: 6; + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-right: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-right: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + -webkit-box-flex: 0; + -webkit-flex: 0; + -ms-flex: 0; + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + -webkit-transition: 0.35s; + transition: 0.35s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + -webkit-transition: 0.35s; + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: right; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: right; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: left; + text-align: left; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + -webkit-filter: none; + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-right: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-right: -15px; - margin-left: -15px; - } + .ads-advanced .price-frequency { + margin-right: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-right: -15px; + margin-left: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-left: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-right: 0 !important; - padding-left: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: auto; - left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-left: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33%; + -ms-flex: 0 0 33.33%; + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + } + .ads-advanced .bdas-filter-actions { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-right: 0 !important; + padding-left: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: auto; + left: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-left: 30px; - padding-right: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: right; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-right: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-left: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-right: 0; - margin-left: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - left: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-right: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-left: 30px; + padding-right: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + -webkit-box-flex: 1; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: right; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-right: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-left: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-right: 0; + margin-left: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + left: 0; + bottom: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - right: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - right: auto; - left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-left: 0; - padding-left: 0; - padding-right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - left: auto; - right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + right: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + right: auto; + left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-left: 0; + padding-left: 0; + padding-right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + left: auto; + right: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-right: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-right: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-left: 0; - display: inline-block; - } -} \ No newline at end of file + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-right: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-left: 0; + display: inline-block; + } +} diff --git a/assets/js/account.js b/assets/js/account.js index 272bc89b7c..9a10161c2a 100644 --- a/assets/js/account.js +++ b/assets/js/account.js @@ -1,407 +1,614 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/login.js": -/*!**************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/login.js': + /*!**************************************************!*\ !*** ./assets/src/js/public/components/login.js ***! \**************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_loginjs_executed === 'undefined') { - window.directorist_loginjs_executed = true; - } else { - return; - } - function initPasswordToggle() { - var passwordGroups = document.querySelectorAll('.directorist-password-group'); - passwordGroups.forEach(function (group) { - var passwordInput = group.querySelector('.directorist-password-group-input'); - var togglePassword = group.querySelector('.directorist-password-group-toggle'); - var eyeIcon = group.querySelector('.directorist-password-group-eyeIcon'); - if (passwordInput && togglePassword) { - togglePassword.addEventListener('click', function () { - var type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; - passwordInput.setAttribute('type', type); - - // Toggle eye icon (simple swap for open/closed) - if (eyeIcon) { - if (type === 'text') { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } else { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } - } - }); - } - }); - } - - // Call the function after DOM is ready - document.addEventListener('DOMContentLoaded', initPasswordToggle); - - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset all forms with the specified class - $('.directorist__authentication__signin').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('#directorist__authentication__login p.status').hide().empty(); - }); - window.addEventListener('load', function () { - // Perform AJAX login on form submit - $('form#directorist__authentication__login').on('submit', function (e) { - e.preventDefault(); - var $this = $(this); - var $button = $(this).find('.directorist-authentication__form__btn'); - $button.addClass('directorist-btn-loading'); // Added loading class - - $('#directorist__authentication__login p.status').show().html('
' + directorist.loading_message + '
'); - var form_data = { - action: 'ajaxlogin', - username: $this.find('#username').val(), - password: $this.find('#password').val(), - rememberme: $this.find('#keep_signed_in').is(':checked') ? 1 : 0, - security: $this.find('#security').val() - }; - $.ajax({ - type: 'POST', - dataType: 'json', - url: directorist.ajax_url, - data: form_data, - success: function success(data) { - // Removed loading class - setTimeout(function () { - return $button.removeClass('directorist-btn-loading'); - }, 1000); - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
' + data.message + '
'); - } - if (data.loggedin == true) { - $('p.status').html('
' + data.message + '
'); - document.location.href = directorist.redirect_url; - } else { - $('p.status').html('
' + data.message + '
'); - } - }, - error: function error(data) { - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
' + data.message + '
'); - } - $('p.status').show().html('
' + directorist.login_error_message + '
'); - } - }); - e.preventDefault(); - }); - $('form#directorist__authentication__login .status').on('click', 'a', function (e) { - e.preventDefault(); - if ($(this).attr('href') === '#atbdp_recovery_pass') { - $('#recover-pass-modal').slideDown().show(); - window.scrollTo({ - top: $('#recover-pass-modal').offset().top - 100, - behavior: 'smooth' - }); - } else { - location.href = $(this).attr('href'); - } - }); - - // Alert users to login (only if applicable) - $('.atbdp-require-login, .directorist-action-report-not-loggedin').on('click', function (e) { - e.preventDefault(); - alert(directorist.login_alert_message); - return false; - }); - - // Remove URL params to avoid show message again and again - var current_url = location.href; - var url = new URL(current_url); - url.searchParams.delete('registration_status'); - url.searchParams.delete('errors'); - // url.searchParams.delete('key'); - url.searchParams.delete('password_reset'); - url.searchParams.delete('confirm_mail'); - // url.searchParams.delete('user'); - url.searchParams.delete('verification'); - url.searchParams.delete('send_verification_email'); - window.history.pushState(null, null, url.toString()); - - // Authentication Form Toggle - $('body').on('click', '.directorist-authentication__btn, .directorist-authentication__toggle', function (e) { - e.preventDefault(); - $('.directorist-login-wrapper').toggleClass('active'); - $('.directorist-registration-wrapper').toggleClass('active'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/register-form.js": -/*!**********************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_loginjs_executed === + 'undefined' + ) { + window.directorist_loginjs_executed = true; + } else { + return; + } + function initPasswordToggle() { + var passwordGroups = document.querySelectorAll( + '.directorist-password-group' + ); + passwordGroups.forEach(function (group) { + var passwordInput = group.querySelector( + '.directorist-password-group-input' + ); + var togglePassword = group.querySelector( + '.directorist-password-group-toggle' + ); + var eyeIcon = group.querySelector( + '.directorist-password-group-eyeIcon' + ); + if (passwordInput && togglePassword) { + togglePassword.addEventListener( + 'click', + function () { + var type = + passwordInput.getAttribute( + 'type' + ) === 'password' + ? 'text' + : 'password'; + passwordInput.setAttribute( + 'type', + type + ); + + // Toggle eye icon (simple swap for open/closed) + if (eyeIcon) { + if (type === 'text') { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } else { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } + } + } + ); + } + }); + } + + // Call the function after DOM is ready + document.addEventListener( + 'DOMContentLoaded', + initPasswordToggle + ); + + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset all forms with the specified class + $('.directorist__authentication__signin').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('#directorist__authentication__login p.status') + .hide() + .empty(); + } + ); + window.addEventListener('load', function () { + // Perform AJAX login on form submit + $('form#directorist__authentication__login').on( + 'submit', + function (e) { + e.preventDefault(); + var $this = $(this); + var $button = $(this).find( + '.directorist-authentication__form__btn' + ); + $button.addClass('directorist-btn-loading'); // Added loading class + + $( + '#directorist__authentication__login p.status' + ) + .show() + .html( + '
' + + directorist.loading_message + + '
' + ); + var form_data = { + action: 'ajaxlogin', + username: $this.find('#username').val(), + password: $this.find('#password').val(), + rememberme: $this + .find('#keep_signed_in') + .is(':checked') + ? 1 + : 0, + security: $this.find('#security').val(), + }; + $.ajax({ + type: 'POST', + dataType: 'json', + url: directorist.ajax_url, + data: form_data, + success: function success(data) { + // Removed loading class + setTimeout(function () { + return $button.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + if (data.loggedin == true) { + $('p.status').html( + '
' + + data.message + + '
' + ); + document.location.href = + directorist.redirect_url; + } else { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + }, + error: function error(data) { + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + $('p.status') + .show() + .html( + '
' + + directorist.login_error_message + + '
' + ); + }, + }); + e.preventDefault(); + } + ); + $('form#directorist__authentication__login .status').on( + 'click', + 'a', + function (e) { + e.preventDefault(); + if ( + $(this).attr('href') === + '#atbdp_recovery_pass' + ) { + $('#recover-pass-modal').slideDown().show(); + window.scrollTo({ + top: + $('#recover-pass-modal').offset() + .top - 100, + behavior: 'smooth', + }); + } else { + location.href = $(this).attr('href'); + } + } + ); + + // Alert users to login (only if applicable) + $( + '.atbdp-require-login, .directorist-action-report-not-loggedin' + ).on('click', function (e) { + e.preventDefault(); + alert(directorist.login_alert_message); + return false; + }); + + // Remove URL params to avoid show message again and again + var current_url = location.href; + var url = new URL(current_url); + url.searchParams.delete('registration_status'); + url.searchParams.delete('errors'); + // url.searchParams.delete('key'); + url.searchParams.delete('password_reset'); + url.searchParams.delete('confirm_mail'); + // url.searchParams.delete('user'); + url.searchParams.delete('verification'); + url.searchParams.delete('send_verification_email'); + window.history.pushState(null, null, url.toString()); + + // Authentication Form Toggle + $('body').on( + 'click', + '.directorist-authentication__btn, .directorist-authentication__toggle', + function (e) { + e.preventDefault(); + $('.directorist-login-wrapper').toggleClass( + 'active' + ); + $( + '.directorist-registration-wrapper' + ).toggleClass('active'); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/register-form.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/register-form.js ***! \**********************************************************/ -/***/ (function() { - -jQuery(function ($) { - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset the form values - $('.directorist__authentication__signup').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('.directorist-alert ').hide().empty(); - $('.directorist-register-error').hide().empty(); - }); - $('.directorist__authentication__signup .directorist-authentication__form__btn').on('click', function (e) { - e.preventDefault(); - $this = $(this); - $this.addClass('directorist-btn-loading'); // Added loading class - var form = $this.closest('.directorist__authentication__signup')[0]; - - // Trigger native validation - if (!form.checkValidity()) { - form.reportValidity(); // Display browser-native warnings for invalid fields - $this.removeClass('directorist-btn-loading'); // Removed loading class - return; // Stop submission if validation fails - } - var formData = new FormData(form); - formData.append('action', 'directorist_register_form'); - formData.append('params', JSON.stringify(directorist_signin_signup_params)); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: formData, - contentType: false, - processData: false, - cache: false - }).done(function (_ref) { - var data = _ref.data, - success = _ref.success; - // Removed loading class - setTimeout(function () { - return $this.removeClass('directorist-btn-loading'); - }, 1000); - if (!success) { - $('.directorist-register-error').empty().show().append(data.error); - return; - } - $('.directorist-register-error').hide(); - if (data.message) { - $('.directorist-register-error').empty().show().append(data.message).css({ - color: '#009114', - 'background-color': '#d9efdc' - }); - } - if (data.redirect_url) { - setTimeout(function () { - return window.location.href = data.redirect_url; - }, 500); - } - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/reset-password.js": -/*!***********************************************************!*\ + /***/ function () { + jQuery(function ($) { + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset the form values + $('.directorist__authentication__signup').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('.directorist-alert ').hide().empty(); + $('.directorist-register-error').hide().empty(); + } + ); + $( + '.directorist__authentication__signup .directorist-authentication__form__btn' + ).on('click', function (e) { + e.preventDefault(); + $this = $(this); + $this.addClass('directorist-btn-loading'); // Added loading class + var form = $this.closest( + '.directorist__authentication__signup' + )[0]; + + // Trigger native validation + if (!form.checkValidity()) { + form.reportValidity(); // Display browser-native warnings for invalid fields + $this.removeClass('directorist-btn-loading'); // Removed loading class + return; // Stop submission if validation fails + } + var formData = new FormData(form); + formData.append('action', 'directorist_register_form'); + formData.append( + 'params', + JSON.stringify(directorist_signin_signup_params) + ); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: formData, + contentType: false, + processData: false, + cache: false, + }).done(function (_ref) { + var data = _ref.data, + success = _ref.success; + // Removed loading class + setTimeout(function () { + return $this.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if (!success) { + $('.directorist-register-error') + .empty() + .show() + .append(data.error); + return; + } + $('.directorist-register-error').hide(); + if (data.message) { + $('.directorist-register-error') + .empty() + .show() + .append(data.message) + .css({ + color: '#009114', + 'background-color': '#d9efdc', + }); + } + if (data.redirect_url) { + setTimeout(function () { + return (window.location.href = + data.redirect_url); + }, 500); + } + }); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/reset-password.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/reset-password.js ***! \***********************************************************/ -/***/ (function() { - -jQuery(function ($) { - $('.directorist-ResetPassword').on('submit', function () { - var form = $(this); - if (form.find('#password_1').val() != form.find('#password_2').val()) { - form.find('.password-not-match').show(); - return false; - } - form.find('.password-not-match').hide(); - return true; - }); -}); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*************************************************!*\ + /***/ function () { + jQuery(function ($) { + $('.directorist-ResetPassword').on('submit', function () { + var form = $(this); + if ( + form.find('#password_1').val() != + form.find('#password_2').val() + ) { + form.find('.password-not-match').show(); + return false; + } + form.find('.password-not-match').hide(); + return true; + }); + }); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*************************************************!*\ !*** ./assets/src/js/public/modules/account.js ***! \*************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/reset-password */ "./assets/src/js/public/components/reset-password.js"); -/* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_reset_password__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/register-form */ "./assets/src/js/public/components/register-form.js"); -/* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_register_form__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_4__); -// General Components - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=account.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/login */ './assets/src/js/public/components/login.js' + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_login__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/reset-password */ './assets/src/js/public/components/reset-password.js' + ); + /* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/register-form */ './assets/src/js/public/components/register-form.js' + ); + /* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_register_form__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../../global/components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=account.js.map diff --git a/assets/js/add-listing-google-map.js b/assets/js/add-listing-google-map.js index 470ca64640..4c1f81291f 100644 --- a/assets/js/add-listing-google-map.js +++ b/assets/js/add-listing-google-map.js @@ -1,435 +1,532 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
'.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/google-map.js ***! \********************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initAddListingMap: function() { return /* binding */ initAddListingMap; } -/* harmony export */ }); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing google map */ - - -var $ = jQuery; - -// Add Listing Map Initialize -function initAddListingMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Geocoder) { - return; - } - if ($('#gmap').length) { - var localized_data = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('map_data'); - - // initialize all vars here to avoid hoisting related misunderstanding. - var map; - var autocomplete; - var address_input; - var markers; - var $manual_lat; - var $manual_lng; - var saved_lat_lng; - - // Localized Data - var loc_default_latitude = parseFloat(localized_data.default_latitude); - var loc_default_longitude = parseFloat(localized_data.default_longitude); - var loc_manual_lat = parseFloat(localized_data.manual_lat); - var loc_manual_lng = parseFloat(localized_data.manual_lng); - var loc_map_zoom_level = parseInt(localized_data.map_zoom_level); - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // default is London city - markers = [], - // initialize the array to keep track all the marker - address_input = document.getElementById('address'); - if (address_input !== null) { - address_input.addEventListener('focus', geolocate); - } - var geocoder = new google.maps.Geocoder(); - - // This function will help to get the current location of the user - function markerDragInit(marker) { - marker.addListener('dragend', function (event) { - // Get exact coordinates from the marker position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - // This doesn't affect the stored coordinates - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - }); - } - - // Helper function to format address by removing plus code and using address components - function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } - - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } - - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - } - - // Function to geocode address for display purposes only (doesn't modify coordinates) - function geocodeAddressForDisplay(geocoder, lat, lng) { - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK' && results[0]) { - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - } - }); - } - - // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. - function geolocate() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function (position) { - var geolocation = { - lat: position.coords.latitude, - lng: position.coords.longitude - }; - var circle = new google.maps.Circle({ - center: geolocation, - radius: position.coords.accuracy - }); - autocomplete.setBounds(circle.getBounds()); - }); - } - } - function initAutocomplete() { - // Create the autocomplete object, restricting the search to geographical - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : { - types: [] - }; - - // location types. - autocomplete = new google.maps.places.Autocomplete(address_input, options); - - // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker - autocomplete.addListener('place_changed', fillInAddress); - } - function fillInAddress() { - // Get the place details from the autocomplete object. - var place = autocomplete.getPlace(); - - // set the value of input field to save them to the database - $manual_lat.val(place.geometry.location.lat()); - $manual_lng.val(place.geometry.location.lng()); - map.setCenter(place.geometry.location); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: place.geometry.location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // Delete Previous Marker - deleteMarker(); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - } - initAutocomplete(); // start google map place auto complete API call - - // Map Initialize - function initMap() { - /* Create new map instance */ - map = new google.maps.Map(document.getElementById('gmap'), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'add_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - markers.push(marker); - document.getElementById('generate_admin_map').addEventListener('click', function (e) { - e.preventDefault(); - geocodeAddress(geocoder, map); - }); - - // This event listener calls addMarker() when the map is clicked. - marker.addListener('click', function (event) { - deleteMarker(); // at first remove previous marker and then set new marker; - - // Get exact coordinates from the click position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - - // add the marker to the given map. - addMarker(event.latLng, map); - }); - markerDragInit(marker); - } - - /* - * Geocode and address using google map javascript api and then populate the input fields for storing lat and long - * */ - - function geocodeAddress(geocoder, resultsMap) { - var lat = parseFloat(document.getElementById('manual_lat').value); - var lng = parseFloat(document.getElementById('manual_lng').value); - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK') { - // Keep the original exact coordinates (don't modify them) - $manual_lat.val(lat); - $manual_lng.val(lng); - - // Center map on the exact coordinates - resultsMap.setCenter(latLng); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: resultsMap, - position: latLng, - // Use original coordinates - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - deleteMarker(); - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - markerDragInit(marker); - } else { - alert(localized_data.geocode_error_msg + status); - } - }); - } - initMap(); - - // adding features of creating marker manually on the map on add listing page. - /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d(__webpack_exports__, { + /* harmony export */ initAddListingMap: function () { + return /* binding */ initAddListingMap; + }, + /* harmony export */ + }); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing google map */ + + var $ = jQuery; + + // Add Listing Map Initialize + function initAddListingMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Geocoder + ) { + return; + } + if ($('#gmap').length) { + var localized_data = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'map_data' + ); + + // initialize all vars here to avoid hoisting related misunderstanding. + var map; + var autocomplete; + var address_input; + var markers; + var $manual_lat; + var $manual_lng; + var saved_lat_lng; + + // Localized Data + var loc_default_latitude = parseFloat( + localized_data.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data.default_longitude + ); + var loc_manual_lat = parseFloat(localized_data.manual_lat); + var loc_manual_lng = parseFloat(localized_data.manual_lng); + var loc_map_zoom_level = parseInt( + localized_data.map_zoom_level + ); + var searchIcon = ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // default is London city + ((markers = []), + // initialize the array to keep track all the marker + (address_input = document.getElementById('address'))); + if (address_input !== null) { + address_input.addEventListener('focus', geolocate); + } + var geocoder = new google.maps.Geocoder(); + + // This function will help to get the current location of the user + function markerDragInit(marker) { + marker.addListener('dragend', function (event) { + // Get exact coordinates from the marker position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + // This doesn't affect the stored coordinates + geocodeAddressForDisplay(geocoder, exactLat, exactLng); + }); + } + + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } + + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } + + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } + + // Function to geocode address for display purposes only (doesn't modify coordinates) + function geocodeAddressForDisplay(geocoder, lat, lng) { + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK' && results[0]) { + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress(results[0]); + address_input.value = cleanedAddress; + } + }); + } + + // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. + function geolocate() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + function (position) { + var geolocation = { + lat: position.coords.latitude, + lng: position.coords.longitude, + }; + var circle = new google.maps.Circle({ + center: geolocation, + radius: position.coords.accuracy, + }); + autocomplete.setBounds(circle.getBounds()); + } + ); + } + } + function initAutocomplete() { + // Create the autocomplete object, restricting the search to geographical + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : { + types: [], + }; + + // location types. + autocomplete = new google.maps.places.Autocomplete( + address_input, + options + ); + + // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker + autocomplete.addListener('place_changed', fillInAddress); + } + function fillInAddress() { + // Get the place details from the autocomplete object. + var place = autocomplete.getPlace(); + + // set the value of input field to save them to the database + $manual_lat.val(place.geometry.location.lat()); + $manual_lng.val(place.geometry.location.lng()); + map.setCenter(place.geometry.location); + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: place.geometry.location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // Delete Previous Marker + deleteMarker(); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + initAutocomplete(); // start google map place auto complete API call + + // Map Initialize + function initMap() { + /* Create new map instance */ + map = new google.maps.Map(document.getElementById('gmap'), { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'add_listing_map', + }); + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + markers.push(marker); + document + .getElementById('generate_admin_map') + .addEventListener('click', function (e) { + e.preventDefault(); + geocodeAddress(geocoder, map); + }); + + // This event listener calls addMarker() when the map is clicked. + marker.addListener('click', function (event) { + deleteMarker(); // at first remove previous marker and then set new marker; + + // Get exact coordinates from the click position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + geocodeAddressForDisplay(geocoder, exactLat, exactLng); + + // add the marker to the given map. + addMarker(event.latLng, map); + }); + markerDragInit(marker); + } + + /* + * Geocode and address using google map javascript api and then populate the input fields for storing lat and long + * */ + + function geocodeAddress(geocoder, resultsMap) { + var lat = parseFloat( + document.getElementById('manual_lat').value + ); + var lng = parseFloat( + document.getElementById('manual_lng').value + ); + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK') { + // Keep the original exact coordinates (don't modify them) + $manual_lat.val(lat); + $manual_lng.val(lng); + + // Center map on the exact coordinates + resultsMap.setCenter(latLng); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: resultsMap, + position: latLng, + // Use original coordinates + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + deleteMarker(); + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress(results[0]); + address_input.value = cleanedAddress; + markerDragInit(marker); + } else { + alert(localized_data.geocode_error_msg + status); + } + }); + } + initMap(); + + // adding features of creating marker manually on the map on add listing page. + /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var labelIndex = 0; */ - // Adds a marker to the map. - function addMarker(location, map) { - // Add the marker at the clicked location, and add the next-available label; - - // from the array of alphabetical characters. - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - } - - // Delete Marker - $('#delete_marker').on('click', function (e) { - e.preventDefault(); - deleteMarker(); - }); - function deleteMarker() { - for (var i = 0; i < markers.length; i++) { - markers[i].setMap(null); - } - markers = []; - } - } -} -$(document).ready(function () { - initAddListingMap(); -}); - -// Add Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } -}); -}(); -/******/ })() -; -//# sourceMappingURL=add-listing-google-map.js.map \ No newline at end of file + // Adds a marker to the map. + function addMarker(location, map) { + // Add the marker at the clicked location, and add the next-available label; + + // from the array of alphabetical characters. + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + + // Delete Marker + $('#delete_marker').on('click', function (e) { + e.preventDefault(); + deleteMarker(); + }); + function deleteMarker() { + for (var i = 0; i < markers.length; i++) { + markers[i].setMap(null); + } + markers = []; + } + } + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(); + /******/ +})(); +//# sourceMappingURL=add-listing-google-map.js.map diff --git a/assets/js/add-listing-openstreet-map.js b/assets/js/add-listing-openstreet-map.js index 9981c91df6..88df9b5a02 100644 --- a/assets/js/add-listing-openstreet-map.js +++ b/assets/js/add-listing-openstreet-map.js @@ -1,393 +1,562 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } -/***/ }), + /***/ + }, -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
'.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + /***/ + }, -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!************************************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/openstreet-map.js ***! \************************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing OSMap */ - - + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing OSMap */ -(function ($) { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - var parentField = location.closest('.directorist-search-field'); + (function ($) { + // Add focus class to the parent field of .directorist-location-js + function addFocusClass(location) { + // Get the parent field of .directorist-location-js + var parentField = location.closest('.directorist-search-field'); - // Add the 'input-is-focused' class if not already present - if (parentField && !parentField.hasClass('input-is-focused')) { - parentField.addClass('input-is-focused'); - } - } + // Add the 'input-is-focused' class if not already present + if (parentField && !parentField.hasClass('input-is-focused')) { + parentField.addClass('input-is-focused'); + } + } - // Add Listing Map Initialize - function initAddListingMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)('map_data'); + // Add Listing Map Initialize + function initAddListingMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)( + 'map_data' + ); - // Localized Data - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var loc_map_icon = mapData.map_icon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - function mapLeaflet(lat, lon) { - // @todo @kowsar / remove later. fix js error - if ($('#gmap').length == 0) { - return; - } - var fontAwesomeIcon = L.divIcon({ - html: "
".concat(loc_map_icon, "
"), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map('gmap').setView([lat, lon], loc_map_zoom_level); + // Localized Data + var loc_default_latitude = parseFloat(mapData.default_latitude); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt(mapData.map_zoom_level); + var loc_map_icon = mapData.map_icon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + function mapLeaflet(lat, lon) { + // @todo @kowsar / remove later. fix js error + if ($('#gmap').length == 0) { + return; + } + var fontAwesomeIcon = L.divIcon({ + html: '
'.concat( + loc_map_icon, + '
' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map('gmap').setView( + [lat, lon], + loc_map_zoom_level + ); - // Create draggable marker - var marker = L.marker([lat, lon], { - icon: fontAwesomeIcon, - draggable: true - }).addTo(mymap); + // Create draggable marker + var marker = L.marker([lat, lon], { + icon: fontAwesomeIcon, + draggable: true, + }).addTo(mymap); - // Trigger AJAX request when marker is dropped - marker.on('dragend', function (e) { - var position = marker.getLatLng(); - $('#manual_lat').val(position.lat); - $('#manual_lng').val(position.lng); + // Trigger AJAX request when marker is dropped + marker.on('dragend', function (e) { + var position = marker.getLatLng(); + $('#manual_lat').val(position.lat); + $('#manual_lng').val(position.lng); - // Make AJAX request after the drag ends (marker drop) - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(position.lng, "&lat=").concat(position.lat), - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js').val(data.display_name); - addFocusClass($('.directorist-location-js')); - }, - error: function error() { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - }); - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - function toggleFullscreen() { - var mapContainer = document.getElementById('gmap'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - $('.directorist-location-js').each(function (id, elm) { - var result_container = $(elm).siblings('.address_result'); - $(elm).on('keyup', (0,_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; + // Make AJAX request after the drag ends (marker drop) + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(position.lng, '&lat=') + .concat(position.lat), + type: 'GET', + data: {}, + success: function success(data) { + $('.directorist-location-js').val( + data.display_name + ); + addFocusClass($('.directorist-location-js')); + }, + error: function error() { + $('.directorist-location-js').val( + 'Location not found' + ); + addFocusClass($('.directorist-location-js')); + }, + }); + }); + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + function toggleFullscreen() { + var mapContainer = document.getElementById('gmap'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = 'block'; + } else if (mapContainer.webkitRequestFullscreen) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = 'none'; + fullScreenEnable.style.display = 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + $('.directorist-location-js').each(function (id, elm) { + var result_container = $(elm).siblings('.address_result'); + $(elm).on( + 'keyup', + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, + 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, + 117, 118, 119, 120, 121, 122, 123, 144, 145, + ]; - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-form-address-field'); - var search = $(elm).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: "https://nominatim.openstreetmap.org/?q=%27+".concat(search, "+%27&format=json"), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].display_name, "
    • "); - } - result_container.find('ul').html(res); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - var lat = loc_manual_lat, - lon = loc_manual_lng; - mapLeaflet(lat, lon); + // Return early when blocked key is pressed. + if (blockedKeyCodes.includes(event.keyCode)) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-form-address-field' + ); + var search = $(elm).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + for (var i = 0; i < data.length; i++) { + res += '
  • ') + .concat( + data[i].display_name, + '
    • ' + ); + } + result_container.find('ul').html(res); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + var lat = loc_manual_lat, + lon = loc_manual_lng; + mapLeaflet(lat, lon); - // Add Map on Add Listing Multistep - $('body').on('click', '.multistep-wizard__btn', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet(lat, lon); - } - }); - $('body').on('click', '.directorist-form-address-field .address_result ul li a', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - } - event.preventDefault(); - var text = $(this).text(), - lat = $(this).data('lat'), - lon = $(this).data('lon'); - $('#manual_lat').val(lat); - $('#manual_lng').val(lon); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - mapLeaflet(lat, lon); - }); - $('body').on('click', '.location-names ul li a', function (event) { - event.preventDefault(); - var text = $(this).text(); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - }); - $('body').on('click', '#generate_admin_map', function (event) { - event.preventDefault(); - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); - }); + // Add Map on Add Listing Multistep + $('body').on( + 'click', + '.multistep-wizard__btn', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet(lat, lon); + } + } + ); + $('body').on( + 'click', + '.directorist-form-address-field .address_result ul li a', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + } + event.preventDefault(); + var text = $(this).text(), + lat = $(this).data('lat'), + lon = $(this).data('lon'); + $('#manual_lat').val(lat); + $('#manual_lng').val(lon); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + mapLeaflet(lat, lon); + } + ); + $('body').on( + 'click', + '.location-names ul li a', + function (event) { + event.preventDefault(); + var text = $(this).text(); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + } + ); + $('body').on('click', '#generate_admin_map', function (event) { + event.preventDefault(); + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); + }); - // Popup controller by keyboard - var index = 0; - $('.directorist-location-js').on('keyup', function (event) { - event.preventDefault(); - var length = $('#directorist.atbd_wrapper .address_result ul li a').length; - if (event.keyCode === 40) { - index++; - if (index > length) { - index = 0; - } - } else if (event.keyCode === 38) { - index--; - if (index < 0) { - index = length; - } - } - if ($('#directorist.atbd_wrapper .address_result ul li a').length > 0) { - $('#directorist.atbd_wrapper .address_result ul li a').removeClass('active'); - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).addClass('active'); - if (event.keyCode === 13) { - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).click(); - event.preventDefault(); - index = 0; - return false; - } - } - }); - } - $(document).ready(function () { - initAddListingMap(); - }); + // Popup controller by keyboard + var index = 0; + $('.directorist-location-js').on('keyup', function (event) { + event.preventDefault(); + var length = $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length; + if (event.keyCode === 40) { + index++; + if (index > length) { + index = 0; + } + } else if (event.keyCode === 38) { + index--; + if (index < 0) { + index = length; + } + } + if ( + $('#directorist.atbd_wrapper .address_result ul li a') + .length > 0 + ) { + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).removeClass('active'); + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).addClass('active'); + if (event.keyCode === 13) { + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).click(); + event.preventDefault(); + index = 0; + return false; + } + } + }); + } + $(document).ready(function () { + initAddListingMap(); + }); - // Add Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } - }); -})(jQuery); -}(); -/******/ })() -; -//# sourceMappingURL=add-listing-openstreet-map.js.map \ No newline at end of file + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(jQuery); + })(); + /******/ +})(); +//# sourceMappingURL=add-listing-openstreet-map.js.map diff --git a/assets/js/add-listing.js b/assets/js/add-listing.js index 6f30726d9e..0dd35f9540 100644 --- a/assets/js/add-listing.js +++ b/assets/js/add-listing.js @@ -1,2305 +1,3825 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/helper.js": -/*!*********************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/helper.js': + /*!*********************************!*\ !*** ./assets/src/js/helper.js ***! \*********************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ directoristRequestHeaders: function() { return /* binding */ directoristRequestHeaders; }, -/* harmony export */ findObjectItem: function() { return /* binding */ findObjectItem; }, -/* harmony export */ isObject: function() { return /* binding */ isObject; } -/* harmony export */ }); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var isObject = function isObject(value) { - return value && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(value) === 'object' && !Array.isArray(value); -}; -function findObjectItem(path, data, defaultValue) { - if (typeof path !== 'string') { - return defaultValue; - } - if (!isObject(data)) { - return defaultValue; - } - var pathItems = path.split('.'); - var targetItem = data; - var _iterator = _createForOfIteratorHelper(pathItems), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var key = _step.value; - if (!isObject(targetItem)) { - return defaultValue; - } - if (!targetItem.hasOwnProperty(key)) { - return defaultValue; - } - targetItem = targetItem[key]; - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - return targetItem; -} -function directoristRequestHeaders() { - if (window.directorist && window.directorist.request_headers && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(window.directorist.request_headers) === 'object' && !Array.isArray(window.directorist.request_headers)) { - var headers = {}; - for (var key in window.directorist.request_headers) { - headers["Directorist-".concat(key)] = window.directorist.request_headers[key]; - } - return headers; - } - return {}; -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ directoristRequestHeaders: + function () { + return /* binding */ directoristRequestHeaders; + }, + /* harmony export */ findObjectItem: function () { + return /* binding */ findObjectItem; + }, + /* harmony export */ isObject: function () { + return /* binding */ isObject; + }, + /* harmony export */ + } + ); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var isObject = function isObject(value) { + return ( + value && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(value) === 'object' && + !Array.isArray(value) + ); + }; + function findObjectItem(path, data, defaultValue) { + if (typeof path !== 'string') { + return defaultValue; + } + if (!isObject(data)) { + return defaultValue; + } + var pathItems = path.split('.'); + var targetItem = data; + var _iterator = _createForOfIteratorHelper(pathItems), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var key = _step.value; + if (!isObject(targetItem)) { + return defaultValue; + } + if (!targetItem.hasOwnProperty(key)) { + return defaultValue; + } + targetItem = targetItem[key]; + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + return targetItem; + } + function directoristRequestHeaders() { + if ( + window.directorist && + window.directorist.request_headers && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(window.directorist.request_headers) === 'object' && + !Array.isArray(window.directorist.request_headers) + ) { + var headers = {}; + for (var key in window.directorist.request_headers) { + headers['Directorist-'.concat(key)] = + window.directorist.request_headers[key]; + } + return headers; + } + return {}; + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!*************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*********************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*********************************************!*\ !*** ./assets/src/js/global/add-listing.js ***! \*********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../helper */ "./assets/src/js/helper.js"); -/* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../public/components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../public/components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../public/components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/debounce */ "./assets/src/js/global/components/debounce.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -// General Components -// import { cacheCategoryCustomFields, getCategoryCustomFieldsCache } from '../global/components/cache-category-custom-fields'; -// import loadCategoryCustomFields from '../global/components/load-category-custom-fields'; - - - - - - - -/* eslint-disable */ -var $ = jQuery; -var localized_data = directorist.add_listing_data; -function getWrapper() { - return localized_data.is_admin ? '#post' : '#directorist-add-listing-form'; -} -function initColorField() { - var $colorField = $('.directorist-color-field-js', getWrapper()); - if ($colorField.length) { - $colorField.wpColorPicker(); - } -} -function scrollToEl(selector) { - document.querySelector(selector).scrollIntoView({ - block: 'start', - behavior: 'smooth' - }); -} - -/** - * Join Query String - * - * @param string url - * @param string queryString - * @return string - */ -function joinQueryString(url, queryString) { - return url.match(/[?]/) ? "".concat(url, "&").concat(queryString) : "".concat(url, "?").concat(queryString); -} -function scrollTo(selector) { - var _document$querySelect; - (_document$querySelect = document.querySelector(selector)) === null || _document$querySelect === void 0 || _document$querySelect.scrollIntoView({ - block: 'start', - behavior: 'smooth' - }); -} - -/* Show and hide manual coordinate input field */ -$(window).on('load', function () { - if ($('input#manual_coordinate').length) { - $('input#manual_coordinate').each(function (index, element) { - if (!$(element).is(':checked')) { - $('#hide_if_no_manual_cor').hide(); - $('.directorist-map-coordinates').hide(); - } - }); - } - - //initialize color picker - initColorField(); -}); -$(function () { - $('body').on('click', '#manual_coordinate', function (e) { - if ($('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').show(); - $('#hide_if_no_manual_cor').show(); - } else { - $('.directorist-map-coordinates').hide(); - $('#hide_if_no_manual_cor').hide(); - } - }); - - // SOCIAL SECTION - // Rearrange the IDS and Add new social field - $('body').on('click', '#addNewSocial', function (e) { - var _this = this; - var social_wrap = $('#social_info_sortable_container'); // cache it - var currentItems = $('.directorist-form-social-fields').length; - var ID = "id=".concat(currentItems); // eg. 'id=3' - var iconBindingElement = jQuery('#addNewSocial'); - - // arrange names ID in order before adding new elements - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - - // now add the new elements. we could do it here without using ajax but it would require more markup here. - atbdp_do_ajax(iconBindingElement, 'atbdp_social_info_handler', ID, function (data) { - social_wrap.append(data); - }); - setTimeout(function () { - var socialSelect = _this.parentElement.querySelectorAll('.directorist-form-social-fields select'); - socialSelect.forEach(function (item) { - if (item.value !== '') { - item.classList.remove('placeholder-item'); - } - item.addEventListener('change', function () { - if (this.value !== '' && this.classList.contains('placeholder-item')) { - this.classList.remove('placeholder-item'); - } else if (this.value === '') { - this.classList.add('placeholder-item'); - } - }); - }); - }, 300); - }); - document.addEventListener('directorist-reload-plupload', function () { - initColorField(); - }); - - // remove the social field and then reset the ids while maintaining position - $('body').on('click', '.directorist-form-social-fields__remove', function (e) { - var id = $(this).data('id'); - var elementToRemove = $("div#socialID-".concat(id)); - /* Act on the event */ - swal({ - title: localized_data.i18n_text.confirmation_text, - text: localized_data.i18n_text.ask_conf_sl_lnk_del_txt, - type: 'warning', - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: localized_data.i18n_text.confirm_delete, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, no remove the item and reset the ids - elementToRemove.slideUp('fast', function () { - elementToRemove.remove(); - // reorder the index - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - }); - - // show success message - swal({ - title: localized_data.i18n_text.deleted, - // text: "Item has been deleted.", - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - }); - - /* This function handles all ajax request */ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = "action=".concat(ActionName); - if (arg) data = "".concat(arg, "&action=").concat(ActionName); - if (arg && !ActionName) data = arg; - // data = data ; - - var n = data.search(localized_data.nonceName); - if (n < 0) { - var nonce = typeof directorist !== 'undefined' ? directorist.directorist_nonce : directorist_admin.directorist_nonce; - data = "".concat(data, "&", 'directorist_nonce', "=").concat(nonce); - } - jQuery.ajax({ - type: 'post', - url: localized_data.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } - - // Select2 js code - // if (!localized_data.is_admin) { - // Location - // const createLoc = $('#at_biz_dir-location').attr("data-allow_new"); - // let maxLocationLength = $('#at_biz_dir-location').attr("data-max"); - // if (createLoc) { - // $("#at_biz_dir-location").select2({ - // tags: true, - // maximumSelectionLength: maxLocationLength, - // language: { - // maximumSelected: function () { - // return localized_data.i18n_text.max_location_msg; - // } - // }, - // tokenSeparators: [","], - // }); - // } else { - // $("#at_biz_dir-location").select2({ - // allowClear: true, - // tags: false, - // maximumSelectionLength: maxLocationLength, - // tokenSeparators: [","], - // }); - // } - - // // Tags - // const createTag = $('#at_biz_dir-tags').attr("data-allow_new"); - // let maxTagLength = $('#at_biz_dir-tags').attr("data-max"); - // if (createTag) { - // $('#at_biz_dir-tags').select2({ - // tags: true, - // maximumSelectionLength: maxTagLength, - // tokenSeparators: [','], - // }); - // } else { - // $('#at_biz_dir-tags').select2({ - // allowClear: true, - // maximumSelectionLength: maxTagLength, - // tokenSeparators: [','], - // }); - // } - - // //Category - // const createCat = $('#at_biz_dir-categories').attr("data-allow_new"); - // let maxCatLength = $('#at_biz_dir-categories').attr("data-max"); - // if (createCat) { - // $('#at_biz_dir-categories').select2({ - // allowClear: true, - // tags: true, - // maximumSelectionLength: maxCatLength, - // tokenSeparators: [','], - // }); - // } else { - // $('#at_biz_dir-categories').select2({ - // maximumSelectionLength: maxCatLength, - // allowClear: true, - // }); - // } - // } - - /** - * Price field. - */ - function getPriceTypeInput(typeId) { - return $("#".concat($("[for=\"".concat(typeId, "\"]")).data('option'))); - } - $('.directorist-form-pricing-field__options').on('change', 'input', function () { - var $otherOptions = $(this).parent().siblings('.directorist-checkbox').find('input'); - $otherOptions.prop('checked', false); - getPriceTypeInput($otherOptions.attr('id')).hide(); - if (this.checked) { - getPriceTypeInput(this.id).show(); - } else { - getPriceTypeInput(this.id).hide(); - } - }); - if ($('.directorist-form-pricing-field').hasClass('price-type-both')) { - $('#price_range, #price').hide(); - var $selectedPriceType = $('.directorist-form-pricing-field__options input:checked'); - if ($selectedPriceType.length) { - getPriceTypeInput($selectedPriceType.attr('id')).show(); - } else { - $($('.directorist-form-pricing-field__options input').get(0)).prop('checked', true).trigger('change'); - } - } - var has_tagline = $('#has_tagline').val(); - var has_excerpt = $('#has_excerpt').val(); - if (has_excerpt && has_tagline) { - $('.atbd_tagline_moto_field').fadeIn(); - } else { - $('.atbd_tagline_moto_field').fadeOut(); - } - $('#atbd_optional_field_check').on('change', function () { - $(this).is(':checked') ? $('.atbd_tagline_moto_field').fadeIn() : $('.atbd_tagline_moto_field').fadeOut(); - }); - - // it shows the hidden term and conditions - $('#listing_t_c').on('click', function (e) { - e.preventDefault(); - $('#tc_container').toggleClass('active'); - }); - - // Load custom fields of the selected category in the custom post type "atbdp_listings" - var qs = function (a) { - if (a == '') return {}; - var b = {}; - for (var i = 0; i < a.length; ++i) { - var p = a[i].split('=', 2); - if (p.length == 1) b[p[0]] = '';else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); - } - return b; - }(window.location.search.substr(1).split('&')); - function renderCategoryCustomFields() { - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__["default"])(localized_data === null || localized_data === void 0 ? void 0 : localized_data.category_custom_field_relations) !== 'object') { - return; - } - var categoryIds = []; - var directoryId = 0; - var fieldsMap = localized_data.category_custom_field_relations; - var categoryInputSelector = directorist.is_admin ? '#at_biz_dir-categorychecklist input:checked' : '#at_biz_dir-categories option:selected'; - directoryId = $('select[name="directory_type"]', getWrapper()).val(); - if (!directoryId) { - directoryId = $('input[name="directory_type"]', getWrapper()).val(); - } - if (typeof fieldsMap[directoryId] === 'undefined' || fieldsMap[directoryId].length === 0) { - return; - } - var $selectedCategories = $(categoryInputSelector); - if ($selectedCategories.length) { - categoryIds = $selectedCategories.toArray().map(function (el) { - return Number(el.value); - }); - } - var $watchableSections = { - hide: new Set(), - show: new Set() - }; - categoryIds = new Set(categoryIds); - for (var _i = 0, _Object$entries = Object.entries(fieldsMap[directoryId]); _i < _Object$entries.length; _i++) { - var _Object$entries$_i = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_Object$entries[_i], 2), - fieldKey = _Object$entries$_i[0], - categoryId = _Object$entries$_i[1]; - var $input = $(fieldKey.includes('checkbox') ? "[name=\"".concat(fieldKey, "[]\"]") : "[name=\"".concat(fieldKey, "\"]")); - var $wrapper = $input.closest('.directorist-form-group'); - if (categoryIds.has(categoryId)) { - $input.removeAttr('disabled'); - $wrapper.show(); - $watchableSections.show.add($wrapper.closest('.directorist-form-section').get(0)); - } else { - $input.attr('disabled', true); - $wrapper.hide(); - $watchableSections.hide.add($wrapper.closest('.directorist-form-section').get(0)); - } - } - if ($watchableSections.show.size) { - var _iterator = _createForOfIteratorHelper($watchableSections.show), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var visible = _step.value; - var $visible = $(visible); - $visible.removeAttr('style'); - $visible.find('.directorist-content-module__title').show().addClass('opened'); - $visible.find('.directorist-content-module__contents').show().addClass('active'); - $("a[href=\"#".concat($visible.attr('id'), "\"]")).show(); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - if ($watchableSections.hide.size) { - var _iterator2 = _createForOfIteratorHelper($watchableSections.hide), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var hidable = _step2.value; - var $hidable = $(hidable); - if ($hidable.find('.directorist-form-group:visible').length) { - $hidable.removeAttr('style'); - $hidable.find('.directorist-content-module__title').show().addClass('opened'); - $hidable.find('.directorist-content-module__contents').show().addClass('active'); - $("a[href=\"#".concat($hidable.attr('id'), "\"]")).show(); - } else { - $hidable.css({ - display: 'none', - height: 0, - padding: 0, - margin: 0, - border: 0, - overflow: 'hidden' - }); - $hidable.find('.directorist-content-module__title').hide().removeClass('opened'); - $hidable.find('.directorist-content-module__contents').hide().removeClass('active'); - $("a[href=\"#".concat($hidable.attr('id'), "\"]")).hide(); - } - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - } - window.addEventListener('load', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - window.addEventListener('directorist-type-change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Render category based fields on category change (frontend) - $('#at_biz_dir-categories').on('change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Render category based fields on category change (backend) - $('#at_biz_dir-categorychecklist').on('change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Make sure to place the following event trigger after the event bindings. - if (!directorist.is_admin) { - if (directorist.lazy_load_taxonomy_fields) { - $('#at_biz_dir-categories').on('select2:select', function () { - $('#at_biz_dir-categories').trigger('change'); - }); - } else { - $('#at_biz_dir-categories').trigger('change'); - } - } - function atbdp_element_value(element) { - var field = $(element); - if (field.length) { - return field.val(); - } - } - var mediaUploaders = []; - if (localized_data.media_uploader) { - var _iterator3 = _createForOfIteratorHelper(localized_data.media_uploader), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var uploader = _step3.value; - if ($('.' + uploader.element_id).length) { - var EzUploader = new EzMediaUploader({ - containerClass: uploader.element_id - }); - mediaUploaders.push({ - media_uploader: EzUploader, - uploaders_data: uploader - }); - EzUploader.init(); - // mediaUploaders[i].media_uploader.init(); - } - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - } - var FORM_ON_PROCESSING = false; - var has_media = true; - var quickLoginModalSuccessCallback = null; - var $notification = $('#listing_notifier'); - var UPLOADED_IMAGES_CACHE = new WeakMap(); - - // ----------------------------- - // Submit The Form - // ----------------------------- - - $('body').on('submit', '#directorist-add-listing-form', function (e) { - e.preventDefault(); - if (FORM_ON_PROCESSING) { - return; - } - var $form = $(e.target); - var err_log = {}; - var $submitButton = $form.find('.directorist-form-submit__btn'); - var error_count = 0; - var uploadableImages = []; - var counter = 0; - var $directory = $form.find("input[name='directory_type']"); - var directory_id = $directory !== undefined ? $directory.val() : 0; - directory_id = qs.directory_type ? qs.directory_type : directory_id; - function disableSubmitButton() { - FORM_ON_PROCESSING = true; - $submitButton.addClass('atbd_loading').attr('disabled', true); - } - function enableSubmitButton() { - FORM_ON_PROCESSING = false; - $submitButton.removeClass('atbd_loading').attr('disabled', false); - } - if (mediaUploaders.length) { - for (var _i2 = 0, _mediaUploaders = mediaUploaders; _i2 < _mediaUploaders.length; _i2++) { - var uploader = _mediaUploaders[_i2]; - if (!uploader.media_uploader || $(uploader.media_uploader.container).parents('form').get(0) !== $form.get(0)) { - continue; - } - if (!uploader.media_uploader.hasValidFiles()) { - $submitButton.removeClass('atbd_loading'); - err_log.listing_gallery = { - msg: uploader.uploaders_data['error_msg'] - }; - error_count++; - scrollTo('.' + uploader.uploaders_data.element_id); - break; - } - uploader.media_uploader.getTheFiles().forEach(function (file) { - if (UPLOADED_IMAGES_CACHE.has(file)) { - return; - } - uploadableImages.push({ - field: uploader.uploaders_data.meta_name, - file: file, - uploadedFile: '' - }); - }); - } - } - if (uploadableImages.length) { - function uploadImage() { - if (UPLOADED_IMAGES_CACHE.has(uploadableImages[counter].file)) { - return; - } - var formData = new FormData(); - - // formData.append( 'action', 'directorist_upload_listing_image' ); - // formData.append( 'directorist_nonce', directorist.directorist_nonce ); - // formData.append( 'file', uploadableImages[ counter ] ); - formData.append('file', uploadableImages[counter].file); - formData.append('field', uploadableImages[counter].field); - formData.append('directory', directory_id); - // formData.append( 'field', uploadableImages[ counter ].field ); - // console.log(uploadableImages, counter); - - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - mimeType: 'multipart/form-data', - async: true, - url: directorist.rest_url + 'directorist/v1/temp-media-upload', - data: formData, - beforeSend: function beforeSend(xhr) { - xhr.setRequestHeader('X-WP-Nonce', directorist.rest_nonce); - disableSubmitButton(); - var totalImages = uploadableImages.length; - if (totalImages === 1) { - $notification.show().html(''.concat(localized_data.i18n_text.image_uploading_msg, '')); - } else { - var completedPercent = Math.ceil((counter === 0 ? 1 : counter) * 100 / totalImages); - $notification.show().html(''.concat(localized_data.i18n_text.image_uploading_msg, ' (').concat(completedPercent, '%)')); - } - }, - success: function success(response) { - var data = JSON.parse(response); - uploadableImages[counter].uploadedFile = data.file; - UPLOADED_IMAGES_CACHE.set(uploadableImages[counter].file, true); - ++counter; - if (counter < uploadableImages.length) { - uploadImage(); - } else { - submitForm($form, uploadableImages); - } - }, - error: function error(xhr) { - var data = JSON.parse(xhr.responseText); - enableSubmitButton(); - $notification.html(''.concat(data.message, '')); - } - }); - } - if (counter < uploadableImages.length) { - uploadImage(); - } else { - submitForm($form, uploadableImages); - } - } else { - submitForm($form); - } - function submitForm($form) { - var uploadedImages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; - var error_count = 0; - var err_log = {}; - var form_data = new FormData(); - form_data.append('action', 'add_listing_action'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - disableSubmitButton(); - var fieldValuePairs = $form.serializeArray(); - - // Append Form Fields Values - var _iterator4 = _createForOfIteratorHelper(fieldValuePairs), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var field = _step4.value; - form_data.append(field.name, field.value); - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - if (mediaUploaders.length) { - var _loop = function _loop() { - var uploader = _mediaUploaders2[_i3]; - if (!uploader.media_uploader || $(uploader.media_uploader.container).parents('form').get(0) !== $form.get(0)) { - return 1; // continue - } - if (uploader.media_uploader.hasValidFiles()) { - uploader.media_uploader.getFilesMeta().forEach(function (file_meta) { - if (file_meta.attachmentID) { - form_data.append(''.concat(uploader.uploaders_data.meta_name, '_old[]'), file_meta.attachmentID); - } - }); - } else { - err_log.listing_gallery = { - msg: uploader.uploaders_data['error_msg'] - }; - error_count++; - if ($('.' + uploader.uploaders_data.element_id).length) { - scrollTo('.' + uploader.uploaders_data.element_id); - } - } - }; - for (var _i3 = 0, _mediaUploaders2 = mediaUploaders; _i3 < _mediaUploaders2.length; _i3++) { - if (_loop()) continue; - } - } - - // Upload new image - if (uploadedImages.length) { - uploadedImages.forEach(function (image) { - form_data.append(''.concat(image.field, '[]'), image.uploadedFile); - }); - } - - // categories - var categories = $form.find('#at_biz_dir-categories').val(); - if (Array.isArray(categories) && categories.length) { - for (var key in categories) { - form_data.append('tax_input[at_biz_dir-category][]', categories[key]); - } - } - if (typeof categories === 'string') { - form_data.append('tax_input[at_biz_dir-category][]', categories); - } - if (form_data.has('admin_category_select[]')) { - form_data.delete('admin_category_select[]'); - } - if (form_data.has('directory_type')) { - form_data.delete('directory_type'); - } - form_data.append('directory_type', directory_id); - if (qs.plan) { - form_data.append('plan_id', qs.plan); - } - if (qs.order) { - form_data.append('order_id', qs.order); - } - if (error_count) { - enableSubmitButton(); - console.log('Form has invalid data'); - console.log(error_count, err_log); - return; - } - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: localized_data.ajaxurl, - data: form_data, - headers: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.directoristRequestHeaders)(), - beforeSend: function beforeSend() { - disableSubmitButton(); - $notification.show().html(''.concat(localized_data.i18n_text.submission_wait_msg, '')); - }, - success: function success(response) { - var redirect_url = response && response.redirect_url ? response.redirect_url : ''; - redirect_url = redirect_url && typeof redirect_url === 'string' ? response.redirect_url.replace(/:\/\//g, '%3A%2F%2F') : ''; - if ((response === null || response === void 0 ? void 0 : response.nonce_expired) === true) { - updateLocalNonce(); - } - if (response.error === true) { - enableSubmitButton(); - $notification.show().html(''.concat(response.error_msg, '')); - if (response.quick_login_required) { - var modal = $('#directorist-quick-login'); - var email = response.email; - - // Prepare fields - modal.find('input[name="email"]').val(email); - modal.find('input[name="email"]').prop('disabled', true); - - // Show alert - var alert = '
    ' + response.error_msg + '
    '; - modal.find('.directorist-modal-alerts-area').html(alert); - - // Show the modal - modal.addClass('show'); - quickLoginModalSuccessCallback = function quickLoginModalSuccessCallback($form, $submitButton) { - $('#guest_user_email').prop('disabled', true); - $notification.hide().html(''); - $submitButton.remove(); - $form.find('.directorist-form-actions').find('.directorist-toggle-modal').removeClass('directorist-d-none'); - }; - } - } else { - // preview on and no need to redirect to payment - if (response.preview_mode === true && response.need_payment !== true) { - if (response.edited_listing !== true) { - $notification.show().html(''.concat(response.success_msg, '')); - window.location.href = joinQueryString(response.preview_url, 'preview=1&redirect='.concat(redirect_url)); - } else { - $notification.show().html(''.concat(response.success_msg, '')); - if (qs.redirect) { - window.location.href = joinQueryString(response.preview_url, 'post_id='.concat(response.id, '&preview=1&payment=1&edited=1&redirect=').concat(qs.redirect)); - } else { - window.location.href = joinQueryString(response.preview_url, 'preview=1&edited=1&redirect='.concat(redirect_url)); - } - } - // preview mode active and need payment - } else if (response.preview_mode === true && response.need_payment === true) { - window.location.href = joinQueryString(response.preview_url, 'preview=1&payment=1&redirect='.concat(redirect_url)); - } else { - var is_edited = response.edited_listing ? 'listing_id='.concat(response.id, '&edited=1') : ''; - if (response.need_payment === true) { - $notification.show().html(''.concat(response.success_msg, '')); - window.location.href = decodeURIComponent(redirect_url); - } else { - $notification.show().html(''.concat(response.success_msg, '')); - window.location.href = joinQueryString(decodeURIComponent(response.redirect_url), is_edited); - } - } - } - }, - error: function error(_error) { - enableSubmitButton(); - console.log(_error); - } - }); - } - }); - - // Custom Field Checkbox Button More - function customFieldSeeMore() { - if ($('.directorist-custom-field-btn-more').length) { - $('.directorist-custom-field-btn-more').each(function (index, element) { - var fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).hide(); - if (customField.length <= 20) { - $(element).hide(); - } - }); - } - } - $(window).on('load', function () { - customFieldSeeMore(); - }); - $('body').on('click', '.directorist-custom-field-btn-more', function (event) { - event.preventDefault(); - var fieldWrapper = $(this).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).slideUp(); - $(this).toggleClass('active'); - if ($(this).hasClass('active')) { - $(this).text(localized_data.i18n_text.see_less_text); - $(customField).slice(20, customField.length).slideDown(); - } else { - $(this).text(localized_data.i18n_text.see_more_text); - $(customField).slice(20, customField.length).slideUp(); - } - }); - - // ------------------------------ - // Quick Login - // ------------------------------ - $('#directorist-quick-login .directorist-toggle-modal').on('click', function (e) { - e.preventDefault(); - $('#directorist-quick-login').removeClass('show'); - }); - $('#quick-login-from-submit-btn').on('click', function (e) { - e.preventDefault(); - var $form = $($(this).data('form')); - var $feedback = $form.find('.directorist-modal-alerts-area'); - $feedback = $feedback.length ? $feedback : $form.find('.directorist-form-feedback'); - var $email = $form.find('input[name="email"]'); - var $password = $form.find('input[name="password"]'); - var $token = $form.find('input[name="directorist-quick-login-security"]'); - var $submit_button = $(this); - var submit_button_html = $submit_button.html(); - var form_data = { - action: 'directorist_ajax_quick_login', - username: $email.val(), - password: $password.val(), - rememberme: false, - token: $token.val() - }; - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $feedback.html(''); - $submit_button.prop('disabled', true); - $submit_button.prepend(' '); - }, - success: function success(response) { - $submit_button.html(submit_button_html); - if (response.loggedin) { - $password.prop('disabled', true); - var message = 'Successfully logged in, please continue to the listing submission'; - var msg = '
    ' + message + '
    '; - $feedback.html(msg); - if (quickLoginModalSuccessCallback) { - quickLoginModalSuccessCallback($form, $submit_button); - } - updateLocalNonce(); - } else { - var msg = '
    ' + response.message + '
    '; - $feedback.html(msg); - $submit_button.prop('disabled', false); - } - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - $submit_button.prop('disabled', false); - $submit_button.html(submit_button_html); - } - }); - }); - function addSticky() { - $(window).scroll((0,_components_debounce__WEBPACK_IMPORTED_MODULE_7__["default"])(function () { - var windowWidth = $(window).width(); - var sidebarWidth = $('.multistep-wizard__nav').width(); - var sidebarHeight = $('.multistep-wizard__nav').height(); - var multiStepWizardOffset = $('.multistep-wizard').offset() && $('.multistep-wizard').offset().top; - var multiStepWizardHeight = $('.multistep-wizard').outerHeight(); - if (windowWidth > 991) { - var scrollPos = $(window).scrollTop(); - - // Check if the user has scrolled down to the container position - if (scrollPos >= multiStepWizardOffset) { - $('.multistep-wizard__nav').addClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', sidebarWidth + 30 + 'px'); - // Check if the user has fully scrolled the container - if (scrollPos >= multiStepWizardOffset + multiStepWizardHeight - sidebarHeight) { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } else { - $('.multistep-wizard__nav').addClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', sidebarWidth + 30 + 'px'); - } - } else { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } - } else { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } - }, 100)); - } - addSticky(); - multiStepWizard(); - defaultAddListing(); -}); - -// MultiStep Wizard -function multiStepWizard() { - var defaultAddListing = document.querySelector('.multistep-wizard.default-add-listing'); - if (!defaultAddListing) { - var totalStep = document.querySelectorAll('.multistep-wizard .multistep-wizard__nav__btn'); - var totalWizard = document.querySelectorAll('.multistep-wizard .multistep-wizard__single'); - var totalWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__total'); - var currentWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__current'); - var progressWidth = document.querySelector('.multistep-wizard .multistep-wizard__progressbar__width'); - var stepCount = 1; - var progressPerStep = 100 / totalWizard.length; - - // Initialize Wizard Count & Progressbar - if (currentWizardCount) { - currentWizardCount.innerHTML = stepCount; - } - if (totalWizardCount) { - totalWizardCount.innerHTML = totalWizard.length; - } - if (progressWidth) { - progressWidth.style.width = progressPerStep + '%'; - } - - // Set data-id on Wizards - totalWizard.forEach(function (item, index) { - item.setAttribute('data-id', index); - item.style.display = 'none'; - if (index === 0) { - item.style.display = 'block'; - item.classList.add('active'); - } - }); - - // Set data-step on Nav Items - totalStep.forEach(function (item, index) { - item.setAttribute('data-step', index); - if (index === 0) { - item.classList.add('active'); - } - }); - - // Go Previous Step - $('.multistep-wizard__btn--prev').on('click', function (e) { - e.preventDefault(); - if (stepCount > 1) { - stepCount--; - activeWizard(stepCount); - if (stepCount <= 1) { - this.setAttribute('disabled', true); - } - } - }); - - // Go Next Step - $('.multistep-wizard__btn--next').on('click', function (e) { - e.preventDefault(); - if (stepCount < totalWizard.length) { - stepCount++; - activeWizard(stepCount); - } - }); - - // Go Random Step - $('.multistep-wizard__nav__btn').on('click', function (e) { - e.preventDefault(); - if (this.classList.contains('completed')) { - var currentStep = Number(this.attributes[3].value) + 1; - stepCount = currentStep; - activeWizard(stepCount); - } - if (stepCount <= 1) { - $('.multistep-wizard__btn--prev').attr('disabled', true); - } - }); - - // Active Wizard - function activeWizard(value) { - // Add Active Class - totalWizard.forEach(function (item, index) { - if (item.classList.contains('active')) { - item.classList.remove('active'); - item.style.display = 'none'; - } else if (value - 1 === index) { - item.classList.add('active'); - item.style.display = 'block'; - } - }); - - // Add Completed Class - totalStep.forEach(function (item, index) { - if (index + 1 < value) { - item.classList.add('completed'); - } else { - item.classList.remove('completed'); - } - if (item.classList.contains('active')) { - item.classList.remove('active'); - } else if (value - 1 === index) { - item.classList.add('active'); - } - }); - - // Enable Previous Button - if (value > 1) { - $('.multistep-wizard__btn--prev').removeAttr('disabled'); - } - - // Change Button Text on Last Step - var nextBtn = document.querySelector('.multistep-wizard__btn--next'); - var previewBtn = document.querySelector('.multistep-wizard__btn--save-preview'); - var submitBtn = document.querySelector('.multistep-wizard__btn--skip-preview'); - if (value === totalWizard.length) { - nextBtn.style.cssText = 'display:none; width: 0; height: 0; opacity: 0; visibility: hidden;'; - previewBtn.style.cssText = 'height: 54px; flex: unset; opacity: 1; visibility: visible;'; - submitBtn.style.cssText = 'height: 54px; opacity: 1; visibility: visible;'; - } else { - nextBtn.style.cssText = 'display:inline-flex; width: 200px; height: 54px; opacity: 1; visibility: visible;'; - previewBtn.style.cssText = 'height: 0; flex: 0 0 100%; opacity: 0; visibility: hidden;'; - submitBtn.style.cssText = 'height: 0; opacity: 0; visibility: hidden;'; - } - - // Update Wizard Count & Progressbar - currentWizardCount.innerHTML = value; - progressWidth.style.width = progressPerStep * value + '%'; - progressWidth.style.transition = '0.5s ease'; - } - } -} - -// Default Add Listing -function defaultAddListing() { - var navLinks = document.querySelectorAll('.default-add-listing .multistep-wizard__nav .multistep-wizard__nav__btn'); - - // Add 'active' class to the first navigation item on page load - window.addEventListener('load', function () { - if (navLinks.length > 0) { - navLinks[0].classList.add('active'); - } - }); - - // Function to determine which section is currently in view - function getCurrentSectionInView() { - var currentSection = null; - var sections = document.querySelectorAll('.default-add-listing .multistep-wizard__content .multistep-wizard__single'); - if (sections) { - sections.forEach(function (section) { - var rect = section.getBoundingClientRect(); - if (rect.top <= 50 && rect.bottom >= 50) { - currentSection = section.getAttribute('id'); - } - }); - } - return currentSection; - } - - // Function to update active class on navigation items - function updateActiveNav() { - var currentSection = getCurrentSectionInView(); - if (currentSection == null) { - navLinks[0].classList.add('active'); - } else { - if (navLinks[0].classList.contains('active')) { - navLinks[0].classList.remove('active'); - } - navLinks.forEach(function (link) { - if (link.getAttribute('href') === "#".concat(currentSection)) { - link.classList.add('active'); - } else { - link.classList.remove('active'); - } - }); - } - } - - // Function to scroll smoothly to the target section - function smoothScroll(targetSection) { - var scrollDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000; - var targetElement = document.getElementById(targetSection); - if (!targetElement) return; - var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY; - var startPosition = window.scrollY; - var scrollDistance = targetPosition - startPosition; - var startTime = null; - function scrollAnimation(currentTime) { - if (startTime === null) startTime = currentTime; - var timeElapsed = currentTime - startTime; - var run = easeInOutQuad(timeElapsed, startPosition, scrollDistance, scrollDuration); - window.scrollTo(0, run); - if (timeElapsed < scrollDuration) { - requestAnimationFrame(scrollAnimation); // Continue the scrollAnimation - } - } - function easeInOutQuad(t, b, c, d) { - t /= d / 2; - if (t < 1) return c / 2 * t * t + b; - t--; - return -c / 2 * (t * (t - 2) - 1) + b; - } - requestAnimationFrame(scrollAnimation); // Start the scrollAnimation - } - - // Initial update and update on scroll - if (navLinks.length > 0) { - updateActiveNav(); - window.addEventListener('scroll', updateActiveNav); - } - - // Add smooth scroll to navigation links - navLinks.forEach(function (link) { - link.addEventListener('click', function (e) { - e.preventDefault(); - var targetSection = this.getAttribute('href').substring(1); - smoothScroll(targetSection, 1250); - }); - }); -} - -// Add Listing Accordion -function addListingAccordion() { - // Set default state to open for all content modules - $('.directorist-add-listing-form .directorist-content-module__title').addClass('opened'); - $('.directorist-add-listing-form .directorist-content-module__contents').addClass('active'); - $('body').on('click', '.directorist-add-listing-form .directorist-content-module__title', function (e) { - e.preventDefault(); - var windowScreen = window.innerWidth; - if (windowScreen <= 991) { - $(this).toggleClass('opened'); - $(this).next('.directorist-content-module__contents').toggleClass('active'); - } - }); -} -addListingAccordion(); - -// Multistep Add Listing on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - multiStepWizard(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - multiStepWizard(); - } -}); -function updateLocalNonce() { - $.ajax({ - type: 'POST', - url: localized_data.ajaxurl, - data: { - action: 'directorist_generate_nonce' - }, - success: function success(response) { - if (response.success) { - window.directorist.directorist_nonce = response.data.directorist_nonce; - } - } - }); -} -}(); -/******/ })() -; -//# sourceMappingURL=add-listing.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__(/*! ../helper */ './assets/src/js/helper.js'); + /* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../public/components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../public/components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../public/components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/debounce */ './assets/src/js/global/components/debounce.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && r.constructor && (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + // General Components + // import { cacheCategoryCustomFields, getCategoryCustomFieldsCache } from '../global/components/cache-category-custom-fields'; + // import loadCategoryCustomFields from '../global/components/load-category-custom-fields'; + + /* eslint-disable */ + var $ = jQuery; + var localized_data = directorist.add_listing_data; + function getWrapper() { + return localized_data.is_admin + ? '#post' + : '#directorist-add-listing-form'; + } + function initColorField() { + var $colorField = $('.directorist-color-field-js', getWrapper()); + if ($colorField.length) { + $colorField.wpColorPicker(); + } + } + function scrollToEl(selector) { + document.querySelector(selector).scrollIntoView({ + block: 'start', + behavior: 'smooth', + }); + } + + /** + * Join Query String + * + * @param string url + * @param string queryString + * @return string + */ + function joinQueryString(url, queryString) { + return url.match(/[?]/) + ? ''.concat(url, '&').concat(queryString) + : ''.concat(url, '?').concat(queryString); + } + function scrollTo(selector) { + var _document$querySelect; + (_document$querySelect = document.querySelector(selector)) === + null || + _document$querySelect === void 0 || + _document$querySelect.scrollIntoView({ + block: 'start', + behavior: 'smooth', + }); + } + + /* Show and hide manual coordinate input field */ + $(window).on('load', function () { + if ($('input#manual_coordinate').length) { + $('input#manual_coordinate').each(function (index, element) { + if (!$(element).is(':checked')) { + $('#hide_if_no_manual_cor').hide(); + $('.directorist-map-coordinates').hide(); + } + }); + } + + //initialize color picker + initColorField(); + }); + $(function () { + $('body').on('click', '#manual_coordinate', function (e) { + if ($('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').show(); + $('#hide_if_no_manual_cor').show(); + } else { + $('.directorist-map-coordinates').hide(); + $('#hide_if_no_manual_cor').hide(); + } + }); + + // SOCIAL SECTION + // Rearrange the IDS and Add new social field + $('body').on('click', '#addNewSocial', function (e) { + var _this = this; + var social_wrap = $('#social_info_sortable_container'); // cache it + var currentItems = $('.directorist-form-social-fields').length; + var ID = 'id='.concat(currentItems); // eg. 'id=3' + var iconBindingElement = jQuery('#addNewSocial'); + + // arrange names ID in order before adding new elements + $('.directorist-form-social-fields').each( + function (index, element) { + var e = $(element); + e.attr('id', 'socialID-'.concat(index)); + e.find('select').attr( + 'name', + 'social['.concat(index, '][id]') + ); + e.find('.atbdp_social_input').attr( + 'name', + 'social['.concat(index, '][url]') + ); + e.find('.directorist-form-social-fields__remove').attr( + 'data-id', + index + ); + } + ); + + // now add the new elements. we could do it here without using ajax but it would require more markup here. + atbdp_do_ajax( + iconBindingElement, + 'atbdp_social_info_handler', + ID, + function (data) { + social_wrap.append(data); + } + ); + setTimeout(function () { + var socialSelect = _this.parentElement.querySelectorAll( + '.directorist-form-social-fields select' + ); + socialSelect.forEach(function (item) { + if (item.value !== '') { + item.classList.remove('placeholder-item'); + } + item.addEventListener('change', function () { + if ( + this.value !== '' && + this.classList.contains('placeholder-item') + ) { + this.classList.remove('placeholder-item'); + } else if (this.value === '') { + this.classList.add('placeholder-item'); + } + }); + }); + }, 300); + }); + document.addEventListener( + 'directorist-reload-plupload', + function () { + initColorField(); + } + ); + + // remove the social field and then reset the ids while maintaining position + $('body').on( + 'click', + '.directorist-form-social-fields__remove', + function (e) { + var id = $(this).data('id'); + var elementToRemove = $('div#socialID-'.concat(id)); + /* Act on the event */ + swal( + { + title: localized_data.i18n_text.confirmation_text, + text: localized_data.i18n_text + .ask_conf_sl_lnk_del_txt, + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + localized_data.i18n_text.confirm_delete, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, no remove the item and reset the ids + elementToRemove.slideUp('fast', function () { + elementToRemove.remove(); + // reorder the index + $('.directorist-form-social-fields').each( + function (index, element) { + var e = $(element); + e.attr( + 'id', + 'socialID-'.concat(index) + ); + e.find('select').attr( + 'name', + 'social['.concat(index, '][id]') + ); + e.find('.atbdp_social_input').attr( + 'name', + 'social['.concat( + index, + '][url]' + ) + ); + e.find( + '.directorist-form-social-fields__remove' + ).attr('data-id', index); + } + ); + }); + + // show success message + swal({ + title: localized_data.i18n_text.deleted, + // text: "Item has been deleted.", + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + ); + + /* This function handles all ajax request */ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action='.concat(ActionName); + if (arg) data = ''.concat(arg, '&action=').concat(ActionName); + if (arg && !ActionName) data = arg; + // data = data ; + + var n = data.search(localized_data.nonceName); + if (n < 0) { + var nonce = + typeof directorist !== 'undefined' + ? directorist.directorist_nonce + : directorist_admin.directorist_nonce; + data = '' + .concat(data, '&', 'directorist_nonce', '=') + .concat(nonce); + } + jQuery.ajax({ + type: 'post', + url: localized_data.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + + // Select2 js code + // if (!localized_data.is_admin) { + // Location + // const createLoc = $('#at_biz_dir-location').attr("data-allow_new"); + // let maxLocationLength = $('#at_biz_dir-location').attr("data-max"); + // if (createLoc) { + // $("#at_biz_dir-location").select2({ + // tags: true, + // maximumSelectionLength: maxLocationLength, + // language: { + // maximumSelected: function () { + // return localized_data.i18n_text.max_location_msg; + // } + // }, + // tokenSeparators: [","], + // }); + // } else { + // $("#at_biz_dir-location").select2({ + // allowClear: true, + // tags: false, + // maximumSelectionLength: maxLocationLength, + // tokenSeparators: [","], + // }); + // } + + // // Tags + // const createTag = $('#at_biz_dir-tags').attr("data-allow_new"); + // let maxTagLength = $('#at_biz_dir-tags').attr("data-max"); + // if (createTag) { + // $('#at_biz_dir-tags').select2({ + // tags: true, + // maximumSelectionLength: maxTagLength, + // tokenSeparators: [','], + // }); + // } else { + // $('#at_biz_dir-tags').select2({ + // allowClear: true, + // maximumSelectionLength: maxTagLength, + // tokenSeparators: [','], + // }); + // } + + // //Category + // const createCat = $('#at_biz_dir-categories').attr("data-allow_new"); + // let maxCatLength = $('#at_biz_dir-categories').attr("data-max"); + // if (createCat) { + // $('#at_biz_dir-categories').select2({ + // allowClear: true, + // tags: true, + // maximumSelectionLength: maxCatLength, + // tokenSeparators: [','], + // }); + // } else { + // $('#at_biz_dir-categories').select2({ + // maximumSelectionLength: maxCatLength, + // allowClear: true, + // }); + // } + // } + + /** + * Price field. + */ + function getPriceTypeInput(typeId) { + return $( + '#'.concat($('[for="'.concat(typeId, '"]')).data('option')) + ); + } + $('.directorist-form-pricing-field__options').on( + 'change', + 'input', + function () { + var $otherOptions = $(this) + .parent() + .siblings('.directorist-checkbox') + .find('input'); + $otherOptions.prop('checked', false); + getPriceTypeInput($otherOptions.attr('id')).hide(); + if (this.checked) { + getPriceTypeInput(this.id).show(); + } else { + getPriceTypeInput(this.id).hide(); + } + } + ); + if ( + $('.directorist-form-pricing-field').hasClass('price-type-both') + ) { + $('#price_range, #price').hide(); + var $selectedPriceType = $( + '.directorist-form-pricing-field__options input:checked' + ); + if ($selectedPriceType.length) { + getPriceTypeInput($selectedPriceType.attr('id')).show(); + } else { + $( + $('.directorist-form-pricing-field__options input').get( + 0 + ) + ) + .prop('checked', true) + .trigger('change'); + } + } + var has_tagline = $('#has_tagline').val(); + var has_excerpt = $('#has_excerpt').val(); + if (has_excerpt && has_tagline) { + $('.atbd_tagline_moto_field').fadeIn(); + } else { + $('.atbd_tagline_moto_field').fadeOut(); + } + $('#atbd_optional_field_check').on('change', function () { + $(this).is(':checked') + ? $('.atbd_tagline_moto_field').fadeIn() + : $('.atbd_tagline_moto_field').fadeOut(); + }); + + // it shows the hidden term and conditions + $('#listing_t_c').on('click', function (e) { + e.preventDefault(); + $('#tc_container').toggleClass('active'); + }); + + // Load custom fields of the selected category in the custom post type "atbdp_listings" + var qs = (function (a) { + if (a == '') return {}; + var b = {}; + for (var i = 0; i < a.length; ++i) { + var p = a[i].split('=', 2); + if (p.length == 1) b[p[0]] = ''; + else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); + } + return b; + })(window.location.search.substr(1).split('&')); + function renderCategoryCustomFields() { + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + localized_data === null || localized_data === void 0 + ? void 0 + : localized_data.category_custom_field_relations + ) !== 'object' + ) { + return; + } + var categoryIds = []; + var directoryId = 0; + var fieldsMap = localized_data.category_custom_field_relations; + var categoryInputSelector = directorist.is_admin + ? '#at_biz_dir-categorychecklist input:checked' + : '#at_biz_dir-categories option:selected'; + directoryId = $( + 'select[name="directory_type"]', + getWrapper() + ).val(); + if (!directoryId) { + directoryId = $( + 'input[name="directory_type"]', + getWrapper() + ).val(); + } + if ( + typeof fieldsMap[directoryId] === 'undefined' || + fieldsMap[directoryId].length === 0 + ) { + return; + } + var $selectedCategories = $(categoryInputSelector); + if ($selectedCategories.length) { + categoryIds = $selectedCategories + .toArray() + .map(function (el) { + return Number(el.value); + }); + } + var $watchableSections = { + hide: new Set(), + show: new Set(), + }; + categoryIds = new Set(categoryIds); + for ( + var _i = 0, + _Object$entries = Object.entries( + fieldsMap[directoryId] + ); + _i < _Object$entries.length; + _i++ + ) { + var _Object$entries$_i = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_Object$entries[_i], 2), + fieldKey = _Object$entries$_i[0], + categoryId = _Object$entries$_i[1]; + var $input = $( + fieldKey.includes('checkbox') + ? '[name="'.concat(fieldKey, '[]"]') + : '[name="'.concat(fieldKey, '"]') + ); + var $wrapper = $input.closest('.directorist-form-group'); + if (categoryIds.has(categoryId)) { + $input.removeAttr('disabled'); + $wrapper.show(); + $watchableSections.show.add( + $wrapper.closest('.directorist-form-section').get(0) + ); + } else { + $input.attr('disabled', true); + $wrapper.hide(); + $watchableSections.hide.add( + $wrapper.closest('.directorist-form-section').get(0) + ); + } + } + if ($watchableSections.show.size) { + var _iterator = _createForOfIteratorHelper( + $watchableSections.show + ), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var visible = _step.value; + var $visible = $(visible); + $visible.removeAttr('style'); + $visible + .find('.directorist-content-module__title') + .show() + .addClass('opened'); + $visible + .find('.directorist-content-module__contents') + .show() + .addClass('active'); + $( + 'a[href="#'.concat($visible.attr('id'), '"]') + ).show(); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + if ($watchableSections.hide.size) { + var _iterator2 = _createForOfIteratorHelper( + $watchableSections.hide + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = _iterator2.n()).done; + + ) { + var hidable = _step2.value; + var $hidable = $(hidable); + if ( + $hidable.find('.directorist-form-group:visible') + .length + ) { + $hidable.removeAttr('style'); + $hidable + .find('.directorist-content-module__title') + .show() + .addClass('opened'); + $hidable + .find( + '.directorist-content-module__contents' + ) + .show() + .addClass('active'); + $( + 'a[href="#'.concat( + $hidable.attr('id'), + '"]' + ) + ).show(); + } else { + $hidable.css({ + display: 'none', + height: 0, + padding: 0, + margin: 0, + border: 0, + overflow: 'hidden', + }); + $hidable + .find('.directorist-content-module__title') + .hide() + .removeClass('opened'); + $hidable + .find( + '.directorist-content-module__contents' + ) + .hide() + .removeClass('active'); + $( + 'a[href="#'.concat( + $hidable.attr('id'), + '"]' + ) + ).hide(); + } + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + } + window.addEventListener('load', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + window.addEventListener('directorist-type-change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Render category based fields on category change (frontend) + $('#at_biz_dir-categories').on('change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Render category based fields on category change (backend) + $('#at_biz_dir-categorychecklist').on('change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Make sure to place the following event trigger after the event bindings. + if (!directorist.is_admin) { + if (directorist.lazy_load_taxonomy_fields) { + $('#at_biz_dir-categories').on( + 'select2:select', + function () { + $('#at_biz_dir-categories').trigger('change'); + } + ); + } else { + $('#at_biz_dir-categories').trigger('change'); + } + } + function atbdp_element_value(element) { + var field = $(element); + if (field.length) { + return field.val(); + } + } + var mediaUploaders = []; + if (localized_data.media_uploader) { + var _iterator3 = _createForOfIteratorHelper( + localized_data.media_uploader + ), + _step3; + try { + for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) { + var uploader = _step3.value; + if ($('.' + uploader.element_id).length) { + var EzUploader = new EzMediaUploader({ + containerClass: uploader.element_id, + }); + mediaUploaders.push({ + media_uploader: EzUploader, + uploaders_data: uploader, + }); + EzUploader.init(); + // mediaUploaders[i].media_uploader.init(); + } + } + } catch (err) { + _iterator3.e(err); + } finally { + _iterator3.f(); + } + } + var FORM_ON_PROCESSING = false; + var has_media = true; + var quickLoginModalSuccessCallback = null; + var $notification = $('#listing_notifier'); + var UPLOADED_IMAGES_CACHE = new WeakMap(); + + // ----------------------------- + // Submit The Form + // ----------------------------- + + $('body').on( + 'submit', + '#directorist-add-listing-form', + function (e) { + e.preventDefault(); + if (FORM_ON_PROCESSING) { + return; + } + var $form = $(e.target); + var err_log = {}; + var $submitButton = $form.find( + '.directorist-form-submit__btn' + ); + var error_count = 0; + var uploadableImages = []; + var counter = 0; + var $directory = $form.find("input[name='directory_type']"); + var directory_id = + $directory !== undefined ? $directory.val() : 0; + directory_id = qs.directory_type + ? qs.directory_type + : directory_id; + function disableSubmitButton() { + FORM_ON_PROCESSING = true; + $submitButton + .addClass('atbd_loading') + .attr('disabled', true); + } + function enableSubmitButton() { + FORM_ON_PROCESSING = false; + $submitButton + .removeClass('atbd_loading') + .attr('disabled', false); + } + if (mediaUploaders.length) { + for ( + var _i2 = 0, _mediaUploaders = mediaUploaders; + _i2 < _mediaUploaders.length; + _i2++ + ) { + var uploader = _mediaUploaders[_i2]; + if ( + !uploader.media_uploader || + $(uploader.media_uploader.container) + .parents('form') + .get(0) !== $form.get(0) + ) { + continue; + } + if (!uploader.media_uploader.hasValidFiles()) { + $submitButton.removeClass('atbd_loading'); + err_log.listing_gallery = { + msg: uploader.uploaders_data['error_msg'], + }; + error_count++; + scrollTo( + '.' + uploader.uploaders_data.element_id + ); + break; + } + uploader.media_uploader + .getTheFiles() + .forEach(function (file) { + if (UPLOADED_IMAGES_CACHE.has(file)) { + return; + } + uploadableImages.push({ + field: uploader.uploaders_data + .meta_name, + file: file, + uploadedFile: '', + }); + }); + } + } + if (uploadableImages.length) { + function uploadImage() { + if ( + UPLOADED_IMAGES_CACHE.has( + uploadableImages[counter].file + ) + ) { + return; + } + var formData = new FormData(); + + // formData.append( 'action', 'directorist_upload_listing_image' ); + // formData.append( 'directorist_nonce', directorist.directorist_nonce ); + // formData.append( 'file', uploadableImages[ counter ] ); + formData.append( + 'file', + uploadableImages[counter].file + ); + formData.append( + 'field', + uploadableImages[counter].field + ); + formData.append('directory', directory_id); + // formData.append( 'field', uploadableImages[ counter ].field ); + // console.log(uploadableImages, counter); + + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + mimeType: 'multipart/form-data', + async: true, + url: + directorist.rest_url + + 'directorist/v1/temp-media-upload', + data: formData, + beforeSend: function beforeSend(xhr) { + xhr.setRequestHeader( + 'X-WP-Nonce', + directorist.rest_nonce + ); + disableSubmitButton(); + var totalImages = uploadableImages.length; + if (totalImages === 1) { + $notification + .show() + .html( + ''.concat( + localized_data.i18n_text + .image_uploading_msg, + '' + ) + ); + } else { + var completedPercent = Math.ceil( + ((counter === 0 ? 1 : counter) * + 100) / + totalImages + ); + $notification + .show() + .html( + '' + .concat( + localized_data.i18n_text + .image_uploading_msg, + ' (' + ) + .concat( + completedPercent, + '%)' + ) + ); + } + }, + success: function success(response) { + var data = JSON.parse(response); + uploadableImages[counter].uploadedFile = + data.file; + UPLOADED_IMAGES_CACHE.set( + uploadableImages[counter].file, + true + ); + ++counter; + if (counter < uploadableImages.length) { + uploadImage(); + } else { + submitForm($form, uploadableImages); + } + }, + error: function error(xhr) { + var data = JSON.parse(xhr.responseText); + enableSubmitButton(); + $notification.html( + ''.concat( + data.message, + '' + ) + ); + }, + }); + } + if (counter < uploadableImages.length) { + uploadImage(); + } else { + submitForm($form, uploadableImages); + } + } else { + submitForm($form); + } + function submitForm($form) { + var uploadedImages = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : []; + var error_count = 0; + var err_log = {}; + var form_data = new FormData(); + form_data.append('action', 'add_listing_action'); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + disableSubmitButton(); + var fieldValuePairs = $form.serializeArray(); + + // Append Form Fields Values + var _iterator4 = + _createForOfIteratorHelper(fieldValuePairs), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = _iterator4.n()).done; + + ) { + var field = _step4.value; + form_data.append(field.name, field.value); + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + if (mediaUploaders.length) { + var _loop = function _loop() { + var uploader = _mediaUploaders2[_i3]; + if ( + !uploader.media_uploader || + $(uploader.media_uploader.container) + .parents('form') + .get(0) !== $form.get(0) + ) { + return 1; // continue + } + if (uploader.media_uploader.hasValidFiles()) { + uploader.media_uploader + .getFilesMeta() + .forEach(function (file_meta) { + if (file_meta.attachmentID) { + form_data.append( + ''.concat( + uploader.uploaders_data + .meta_name, + '_old[]' + ), + file_meta.attachmentID + ); + } + }); + } else { + err_log.listing_gallery = { + msg: uploader.uploaders_data[ + 'error_msg' + ], + }; + error_count++; + if ( + $( + '.' + + uploader.uploaders_data + .element_id + ).length + ) { + scrollTo( + '.' + + uploader.uploaders_data + .element_id + ); + } + } + }; + for ( + var _i3 = 0, _mediaUploaders2 = mediaUploaders; + _i3 < _mediaUploaders2.length; + _i3++ + ) { + if (_loop()) continue; + } + } + + // Upload new image + if (uploadedImages.length) { + uploadedImages.forEach(function (image) { + form_data.append( + ''.concat(image.field, '[]'), + image.uploadedFile + ); + }); + } + + // categories + var categories = $form + .find('#at_biz_dir-categories') + .val(); + if (Array.isArray(categories) && categories.length) { + for (var key in categories) { + form_data.append( + 'tax_input[at_biz_dir-category][]', + categories[key] + ); + } + } + if (typeof categories === 'string') { + form_data.append( + 'tax_input[at_biz_dir-category][]', + categories + ); + } + if (form_data.has('admin_category_select[]')) { + form_data.delete('admin_category_select[]'); + } + if (form_data.has('directory_type')) { + form_data.delete('directory_type'); + } + form_data.append('directory_type', directory_id); + if (qs.plan) { + form_data.append('plan_id', qs.plan); + } + if (qs.order) { + form_data.append('order_id', qs.order); + } + if (error_count) { + enableSubmitButton(); + console.log('Form has invalid data'); + console.log(error_count, err_log); + return; + } + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: localized_data.ajaxurl, + data: form_data, + headers: (0, + _helper__WEBPACK_IMPORTED_MODULE_3__.directoristRequestHeaders)(), + beforeSend: function beforeSend() { + disableSubmitButton(); + $notification + .show() + .html( + ''.concat( + localized_data.i18n_text + .submission_wait_msg, + '' + ) + ); + }, + success: function success(response) { + var redirect_url = + response && response.redirect_url + ? response.redirect_url + : ''; + redirect_url = + redirect_url && + typeof redirect_url === 'string' + ? response.redirect_url.replace( + /:\/\//g, + '%3A%2F%2F' + ) + : ''; + if ( + (response === null || response === void 0 + ? void 0 + : response.nonce_expired) === true + ) { + updateLocalNonce(); + } + if (response.error === true) { + enableSubmitButton(); + $notification + .show() + .html( + ''.concat( + response.error_msg, + '' + ) + ); + if (response.quick_login_required) { + var modal = $( + '#directorist-quick-login' + ); + var email = response.email; + + // Prepare fields + modal + .find('input[name="email"]') + .val(email); + modal + .find('input[name="email"]') + .prop('disabled', true); + + // Show alert + var alert = + '
    ' + + response.error_msg + + '
    '; + modal + .find( + '.directorist-modal-alerts-area' + ) + .html(alert); + + // Show the modal + modal.addClass('show'); + quickLoginModalSuccessCallback = + function quickLoginModalSuccessCallback( + $form, + $submitButton + ) { + $('#guest_user_email').prop( + 'disabled', + true + ); + $notification.hide().html(''); + $submitButton.remove(); + $form + .find( + '.directorist-form-actions' + ) + .find( + '.directorist-toggle-modal' + ) + .removeClass( + 'directorist-d-none' + ); + }; + } + } else { + // preview on and no need to redirect to payment + if ( + response.preview_mode === true && + response.need_payment !== true + ) { + if (response.edited_listing !== true) { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + window.location.href = + joinQueryString( + response.preview_url, + 'preview=1&redirect='.concat( + redirect_url + ) + ); + } else { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + if (qs.redirect) { + window.location.href = + joinQueryString( + response.preview_url, + 'post_id=' + .concat( + response.id, + '&preview=1&payment=1&edited=1&redirect=' + ) + .concat(qs.redirect) + ); + } else { + window.location.href = + joinQueryString( + response.preview_url, + 'preview=1&edited=1&redirect='.concat( + redirect_url + ) + ); + } + } + // preview mode active and need payment + } else if ( + response.preview_mode === true && + response.need_payment === true + ) { + window.location.href = joinQueryString( + response.preview_url, + 'preview=1&payment=1&redirect='.concat( + redirect_url + ) + ); + } else { + var is_edited = response.edited_listing + ? 'listing_id='.concat( + response.id, + '&edited=1' + ) + : ''; + if (response.need_payment === true) { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + window.location.href = + decodeURIComponent( + redirect_url + ); + } else { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + window.location.href = + joinQueryString( + decodeURIComponent( + response.redirect_url + ), + is_edited + ); + } + } + } + }, + error: function error(_error) { + enableSubmitButton(); + console.log(_error); + }, + }); + } + } + ); + + // Custom Field Checkbox Button More + function customFieldSeeMore() { + if ($('.directorist-custom-field-btn-more').length) { + $('.directorist-custom-field-btn-more').each( + function (index, element) { + var fieldWrapper = $(element).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField).slice(20, customField.length).hide(); + if (customField.length <= 20) { + $(element).hide(); + } + } + ); + } + } + $(window).on('load', function () { + customFieldSeeMore(); + }); + $('body').on( + 'click', + '.directorist-custom-field-btn-more', + function (event) { + event.preventDefault(); + var fieldWrapper = $(this).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField).slice(20, customField.length).slideUp(); + $(this).toggleClass('active'); + if ($(this).hasClass('active')) { + $(this).text(localized_data.i18n_text.see_less_text); + $(customField) + .slice(20, customField.length) + .slideDown(); + } else { + $(this).text(localized_data.i18n_text.see_more_text); + $(customField).slice(20, customField.length).slideUp(); + } + } + ); + + // ------------------------------ + // Quick Login + // ------------------------------ + $('#directorist-quick-login .directorist-toggle-modal').on( + 'click', + function (e) { + e.preventDefault(); + $('#directorist-quick-login').removeClass('show'); + } + ); + $('#quick-login-from-submit-btn').on('click', function (e) { + e.preventDefault(); + var $form = $($(this).data('form')); + var $feedback = $form.find('.directorist-modal-alerts-area'); + $feedback = $feedback.length + ? $feedback + : $form.find('.directorist-form-feedback'); + var $email = $form.find('input[name="email"]'); + var $password = $form.find('input[name="password"]'); + var $token = $form.find( + 'input[name="directorist-quick-login-security"]' + ); + var $submit_button = $(this); + var submit_button_html = $submit_button.html(); + var form_data = { + action: 'directorist_ajax_quick_login', + username: $email.val(), + password: $password.val(), + rememberme: false, + token: $token.val(), + }; + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $feedback.html(''); + $submit_button.prop('disabled', true); + $submit_button.prepend( + ' ' + ); + }, + success: function success(response) { + $submit_button.html(submit_button_html); + if (response.loggedin) { + $password.prop('disabled', true); + var message = + 'Successfully logged in, please continue to the listing submission'; + var msg = + '
    ' + + message + + '
    '; + $feedback.html(msg); + if (quickLoginModalSuccessCallback) { + quickLoginModalSuccessCallback( + $form, + $submit_button + ); + } + updateLocalNonce(); + } else { + var msg = + '
    ' + + response.message + + '
    '; + $feedback.html(msg); + $submit_button.prop('disabled', false); + } + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + $submit_button.prop('disabled', false); + $submit_button.html(submit_button_html); + }, + }); + }); + function addSticky() { + $(window).scroll( + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_7__[ + 'default' + ])(function () { + var windowWidth = $(window).width(); + var sidebarWidth = $('.multistep-wizard__nav').width(); + var sidebarHeight = $( + '.multistep-wizard__nav' + ).height(); + var multiStepWizardOffset = + $('.multistep-wizard').offset() && + $('.multistep-wizard').offset().top; + var multiStepWizardHeight = + $('.multistep-wizard').outerHeight(); + if (windowWidth > 991) { + var scrollPos = $(window).scrollTop(); + + // Check if the user has scrolled down to the container position + if (scrollPos >= multiStepWizardOffset) { + $('.multistep-wizard__nav').addClass('sticky'); + $('.multistep-wizard__content').css( + 'padding-inline-start', + sidebarWidth + 30 + 'px' + ); + // Check if the user has fully scrolled the container + if ( + scrollPos >= + multiStepWizardOffset + + multiStepWizardHeight - + sidebarHeight + ) { + $('.multistep-wizard__nav').removeClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } else { + $('.multistep-wizard__nav').addClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + sidebarWidth + 30 + 'px' + ); + } + } else { + $('.multistep-wizard__nav').removeClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } + } else { + $('.multistep-wizard__nav').removeClass('sticky'); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } + }, 100) + ); + } + addSticky(); + multiStepWizard(); + defaultAddListing(); + }); + + // MultiStep Wizard + function multiStepWizard() { + var defaultAddListing = document.querySelector( + '.multistep-wizard.default-add-listing' + ); + if (!defaultAddListing) { + var totalStep = document.querySelectorAll( + '.multistep-wizard .multistep-wizard__nav__btn' + ); + var totalWizard = document.querySelectorAll( + '.multistep-wizard .multistep-wizard__single' + ); + var totalWizardCount = document.querySelector( + '.multistep-wizard .multistep-wizard__count__total' + ); + var currentWizardCount = document.querySelector( + '.multistep-wizard .multistep-wizard__count__current' + ); + var progressWidth = document.querySelector( + '.multistep-wizard .multistep-wizard__progressbar__width' + ); + var stepCount = 1; + var progressPerStep = 100 / totalWizard.length; + + // Initialize Wizard Count & Progressbar + if (currentWizardCount) { + currentWizardCount.innerHTML = stepCount; + } + if (totalWizardCount) { + totalWizardCount.innerHTML = totalWizard.length; + } + if (progressWidth) { + progressWidth.style.width = progressPerStep + '%'; + } + + // Set data-id on Wizards + totalWizard.forEach(function (item, index) { + item.setAttribute('data-id', index); + item.style.display = 'none'; + if (index === 0) { + item.style.display = 'block'; + item.classList.add('active'); + } + }); + + // Set data-step on Nav Items + totalStep.forEach(function (item, index) { + item.setAttribute('data-step', index); + if (index === 0) { + item.classList.add('active'); + } + }); + + // Go Previous Step + $('.multistep-wizard__btn--prev').on('click', function (e) { + e.preventDefault(); + if (stepCount > 1) { + stepCount--; + activeWizard(stepCount); + if (stepCount <= 1) { + this.setAttribute('disabled', true); + } + } + }); + + // Go Next Step + $('.multistep-wizard__btn--next').on('click', function (e) { + e.preventDefault(); + if (stepCount < totalWizard.length) { + stepCount++; + activeWizard(stepCount); + } + }); + + // Go Random Step + $('.multistep-wizard__nav__btn').on('click', function (e) { + e.preventDefault(); + if (this.classList.contains('completed')) { + var currentStep = Number(this.attributes[3].value) + 1; + stepCount = currentStep; + activeWizard(stepCount); + } + if (stepCount <= 1) { + $('.multistep-wizard__btn--prev').attr( + 'disabled', + true + ); + } + }); + + // Active Wizard + function activeWizard(value) { + // Add Active Class + totalWizard.forEach(function (item, index) { + if (item.classList.contains('active')) { + item.classList.remove('active'); + item.style.display = 'none'; + } else if (value - 1 === index) { + item.classList.add('active'); + item.style.display = 'block'; + } + }); + + // Add Completed Class + totalStep.forEach(function (item, index) { + if (index + 1 < value) { + item.classList.add('completed'); + } else { + item.classList.remove('completed'); + } + if (item.classList.contains('active')) { + item.classList.remove('active'); + } else if (value - 1 === index) { + item.classList.add('active'); + } + }); + + // Enable Previous Button + if (value > 1) { + $('.multistep-wizard__btn--prev').removeAttr( + 'disabled' + ); + } + + // Change Button Text on Last Step + var nextBtn = document.querySelector( + '.multistep-wizard__btn--next' + ); + var previewBtn = document.querySelector( + '.multistep-wizard__btn--save-preview' + ); + var submitBtn = document.querySelector( + '.multistep-wizard__btn--skip-preview' + ); + if (value === totalWizard.length) { + nextBtn.style.cssText = + 'display:none; width: 0; height: 0; opacity: 0; visibility: hidden;'; + previewBtn.style.cssText = + 'height: 54px; flex: unset; opacity: 1; visibility: visible;'; + submitBtn.style.cssText = + 'height: 54px; opacity: 1; visibility: visible;'; + } else { + nextBtn.style.cssText = + 'display:inline-flex; width: 200px; height: 54px; opacity: 1; visibility: visible;'; + previewBtn.style.cssText = + 'height: 0; flex: 0 0 100%; opacity: 0; visibility: hidden;'; + submitBtn.style.cssText = + 'height: 0; opacity: 0; visibility: hidden;'; + } + + // Update Wizard Count & Progressbar + currentWizardCount.innerHTML = value; + progressWidth.style.width = progressPerStep * value + '%'; + progressWidth.style.transition = '0.5s ease'; + } + } + } + + // Default Add Listing + function defaultAddListing() { + var navLinks = document.querySelectorAll( + '.default-add-listing .multistep-wizard__nav .multistep-wizard__nav__btn' + ); + + // Add 'active' class to the first navigation item on page load + window.addEventListener('load', function () { + if (navLinks.length > 0) { + navLinks[0].classList.add('active'); + } + }); + + // Function to determine which section is currently in view + function getCurrentSectionInView() { + var currentSection = null; + var sections = document.querySelectorAll( + '.default-add-listing .multistep-wizard__content .multistep-wizard__single' + ); + if (sections) { + sections.forEach(function (section) { + var rect = section.getBoundingClientRect(); + if (rect.top <= 50 && rect.bottom >= 50) { + currentSection = section.getAttribute('id'); + } + }); + } + return currentSection; + } + + // Function to update active class on navigation items + function updateActiveNav() { + var currentSection = getCurrentSectionInView(); + if (currentSection == null) { + navLinks[0].classList.add('active'); + } else { + if (navLinks[0].classList.contains('active')) { + navLinks[0].classList.remove('active'); + } + navLinks.forEach(function (link) { + if ( + link.getAttribute('href') === + '#'.concat(currentSection) + ) { + link.classList.add('active'); + } else { + link.classList.remove('active'); + } + }); + } + } + + // Function to scroll smoothly to the target section + function smoothScroll(targetSection) { + var scrollDuration = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : 1000; + var targetElement = document.getElementById(targetSection); + if (!targetElement) return; + var targetPosition = + targetElement.getBoundingClientRect().top + window.scrollY; + var startPosition = window.scrollY; + var scrollDistance = targetPosition - startPosition; + var startTime = null; + function scrollAnimation(currentTime) { + if (startTime === null) startTime = currentTime; + var timeElapsed = currentTime - startTime; + var run = easeInOutQuad( + timeElapsed, + startPosition, + scrollDistance, + scrollDuration + ); + window.scrollTo(0, run); + if (timeElapsed < scrollDuration) { + requestAnimationFrame(scrollAnimation); // Continue the scrollAnimation + } + } + function easeInOutQuad(t, b, c, d) { + t /= d / 2; + if (t < 1) return (c / 2) * t * t + b; + t--; + return (-c / 2) * (t * (t - 2) - 1) + b; + } + requestAnimationFrame(scrollAnimation); // Start the scrollAnimation + } + + // Initial update and update on scroll + if (navLinks.length > 0) { + updateActiveNav(); + window.addEventListener('scroll', updateActiveNav); + } + + // Add smooth scroll to navigation links + navLinks.forEach(function (link) { + link.addEventListener('click', function (e) { + e.preventDefault(); + var targetSection = this.getAttribute('href').substring(1); + smoothScroll(targetSection, 1250); + }); + }); + } + + // Add Listing Accordion + function addListingAccordion() { + // Set default state to open for all content modules + $( + '.directorist-add-listing-form .directorist-content-module__title' + ).addClass('opened'); + $( + '.directorist-add-listing-form .directorist-content-module__contents' + ).addClass('active'); + $('body').on( + 'click', + '.directorist-add-listing-form .directorist-content-module__title', + function (e) { + e.preventDefault(); + var windowScreen = window.innerWidth; + if (windowScreen <= 991) { + $(this).toggleClass('opened'); + $(this) + .next('.directorist-content-module__contents') + .toggleClass('active'); + } + } + ); + } + addListingAccordion(); + + // Multistep Add Listing on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + multiStepWizard(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + multiStepWizard(); + } + }); + function updateLocalNonce() { + $.ajax({ + type: 'POST', + url: localized_data.ajaxurl, + data: { + action: 'directorist_generate_nonce', + }, + success: function success(response) { + if (response.success) { + window.directorist.directorist_nonce = + response.data.directorist_nonce; + } + }, + }); + } + })(); + /******/ +})(); +//# sourceMappingURL=add-listing.js.map diff --git a/assets/js/admin-builder-archive.js b/assets/js/admin-builder-archive.js index 8442fae1e9..441e16ce77 100644 --- a/assets/js/admin-builder-archive.js +++ b/assets/js/admin-builder-archive.js @@ -1,2983 +1,4165 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/admin/components/delete-directory-modal.js": -/*!******************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/admin/components/delete-directory-modal.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/delete-directory-modal.js ***! \******************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - // Open Delete Modal - $('.atbdp-directory-delete-link-action').on('click', function (e) { - e.preventDefault(); - var delete_link = $(this).data('delete-link'); - $('.atbdp-directory-delete-link').prop('href', delete_link); - }); - - // Delete Action - $('.atbdp-directory-delete-link').on('click', function (e) { - // e.preventDefault(); - $(this).prepend(' '); - $('.atbdp-directory-delete-cancel-link').removeClass('cptm-modal-toggle'); - $('.atbdp-directory-delete-cancel-link').addClass('atbdp-disabled'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/directory-migration-modal.js": -/*!*********************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + // Open Delete Modal + $('.atbdp-directory-delete-link-action').on( + 'click', + function (e) { + e.preventDefault(); + var delete_link = $(this).data('delete-link'); + $('.atbdp-directory-delete-link').prop( + 'href', + delete_link + ); + } + ); + + // Delete Action + $('.atbdp-directory-delete-link').on('click', function (e) { + // e.preventDefault(); + $(this).prepend( + ' ' + ); + $('.atbdp-directory-delete-cancel-link').removeClass( + 'cptm-modal-toggle' + ); + $('.atbdp-directory-delete-cancel-link').addClass( + 'atbdp-disabled' + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/directory-migration-modal.js': + /*!*********************************************************************!*\ !*** ./assets/src/js/admin/components/directory-migration-modal.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) { - -window.addEventListener('load', function () { - var $ = jQuery; - var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/index.js")["default"]); - - // Migration Link - $('.atbdp-directory-migration-link').on('click', function (e) { - e.preventDefault(); - var self = this; - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html('Please wait...'); - $('.atbdp-directory-migration-cencel-link').remove(); - $(this).html(' Migrating'); - $(this).addClass('atbdp-disabled'); - var form_data = new FormData(); - form_data.append('action', 'directorist_force_migrate'); - - // Response Success Callback - var responseSuccessCallback = function responseSuccessCallback(response) { - var _response$data; - // console.log( { response } ); - - if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.success) { - var _response$data$messag, _response$data2; - var msg = (_response$data$messag = response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) !== null && _response$data$messag !== void 0 ? _response$data$messag : 'Migration Successful'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - location.reload(); - return; - } - responseFaildCallback(response); - }; - - // Response Error Callback - var responseFaildCallback = function responseFaildCallback(response) { - var _response$data$messag2, _response$data3; - // console.log( { response } ); - - var msg = (_response$data$messag2 = response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.message) !== null && _response$data$messag2 !== void 0 ? _response$data$messag2 : 'Something went wrong please try again'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - }; - - // Send Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - responseSuccessCallback(response); - }).catch(function (response) { - responseFaildCallback(response); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/import-directory-modal.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __unused_webpack_exports, + __webpack_require__ + ) { + window.addEventListener('load', function () { + var $ = jQuery; + var axios = __webpack_require__( + /*! axios */ './node_modules/axios/index.js' + )['default']; + + // Migration Link + $('.atbdp-directory-migration-link').on( + 'click', + function (e) { + e.preventDefault(); + var self = this; + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html('Please wait...'); + $( + '.atbdp-directory-migration-cencel-link' + ).remove(); + $(this).html( + ' Migrating' + ); + $(this).addClass('atbdp-disabled'); + var form_data = new FormData(); + form_data.append( + 'action', + 'directorist_force_migrate' + ); + + // Response Success Callback + var responseSuccessCallback = + function responseSuccessCallback(response) { + var _response$data; + // console.log( { response } ); + + if ( + response !== null && + response !== void 0 && + (_response$data = response.data) !== + null && + _response$data !== void 0 && + _response$data.success + ) { + var _response$data$messag, + _response$data2; + var msg = + (_response$data$messag = + response === null || + response === void 0 || + (_response$data2 = + response.data) === null || + _response$data2 === void 0 + ? void 0 + : _response$data2.message) !== + null && + _response$data$messag !== void 0 + ? _response$data$messag + : 'Migration Successful'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + location.reload(); + return; + } + responseFaildCallback(response); + }; + + // Response Error Callback + var responseFaildCallback = + function responseFaildCallback(response) { + var _response$data$messag2, _response$data3; + // console.log( { response } ); + + var msg = + (_response$data$messag2 = + response === null || + response === void 0 || + (_response$data3 = + response.data) === null || + _response$data3 === void 0 + ? void 0 + : _response$data3.message) !== + null && + _response$data$messag2 !== void 0 + ? _response$data$messag2 + : 'Something went wrong please try again'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + }; + + // Send Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + responseSuccessCallback(response); + }) + .catch(function (response) { + responseFaildCallback(response); + }); + } + ); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/import-directory-modal.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/import-directory-modal.js ***! \******************************************************************/ -/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/index.js")["default"]); - var $ = jQuery; - - // cptm-import-directory-form - var term_id = 0; - $('.cptm-import-directory-form').on('submit', function (e) { - e.preventDefault(); - var form_feedback = $(this).find('.cptm-form-group-feedback'); - var modal_content = $('.cptm-import-directory-modal').find('.cptm-modal-content'); - var modal_alert = $('.cptm-import-directory-modal-alert'); - var form_data = new FormData(); - form_data.append('action', 'save_imported_post_type_data'); - form_data.append('directorist_nonce', directorist_admin.directorist_nonce); - if (Number.isInteger(term_id) && term_id > 0) { - form_data.append('term_id', term_id); - } - var form_fields = $(this).find('.cptm-form-field'); - var general_fields = ['text', 'number']; - $(this).find('button[type=submit] .cptm-loading-icon').removeClass('cptm-d-none'); - var _iterator = _createForOfIteratorHelper(form_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - if (!field.name.length) { - continue; - } - - // General fields - if (general_fields.includes(field.type)) { - form_data.append(field.name, $(field).val()); - } - - // Media fields - if ('file' === field.type) { - form_data.append(field.name, field.files[0]); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - var self = this; - form_feedback.html(''); - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - // console.log( { response } ); - $(self).find('button[type=submit] .cptm-loading-icon').addClass('cptm-d-none'); - - // Store term ID if exist - if (response.data.term_id && Number.isInteger(response.data.term_id) && response.data.term_id > 0) { - term_id = response.data.term_id; - // console.log( 'Term ID has been updated' ); - } - - // Show status log - if (response.data && response.data.status.status_log) { - var status_log = response.data.status.status_log; - for (var status in status_log) { - var alert = '
    ' + status_log[status].message + '
    '; - form_feedback.append(alert); - } - } - - // Reload the page if success - if (response.data && response.data.status && response.data.status.success) { - // console.log( 'reloading...' ); - - modal_content.addClass('cptm-d-none'); - modal_alert.removeClass('cptm-d-none'); - $(self).trigger('reset'); - location.reload(); - } - }).catch(function (error) { - console.log({ - error: error - }); - $(self).find('button[type=submit] .cptm-loading-icon').addClass('cptm-d-none'); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/axios/index.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __unused_webpack_exports, + __webpack_require__ + ) { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + var axios = __webpack_require__( + /*! axios */ './node_modules/axios/index.js' + )['default']; + var $ = jQuery; + + // cptm-import-directory-form + var term_id = 0; + $('.cptm-import-directory-form').on('submit', function (e) { + e.preventDefault(); + var form_feedback = $(this).find( + '.cptm-form-group-feedback' + ); + var modal_content = $( + '.cptm-import-directory-modal' + ).find('.cptm-modal-content'); + var modal_alert = $( + '.cptm-import-directory-modal-alert' + ); + var form_data = new FormData(); + form_data.append( + 'action', + 'save_imported_post_type_data' + ); + form_data.append( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); + if (Number.isInteger(term_id) && term_id > 0) { + form_data.append('term_id', term_id); + } + var form_fields = $(this).find('.cptm-form-field'); + var general_fields = ['text', 'number']; + $(this) + .find('button[type=submit] .cptm-loading-icon') + .removeClass('cptm-d-none'); + var _iterator = _createForOfIteratorHelper(form_fields), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var field = _step.value; + if (!field.name.length) { + continue; + } + + // General fields + if (general_fields.includes(field.type)) { + form_data.append( + field.name, + $(field).val() + ); + } + + // Media fields + if ('file' === field.type) { + form_data.append( + field.name, + field.files[0] + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + var self = this; + form_feedback.html(''); + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + // console.log( { response } ); + $(self) + .find( + 'button[type=submit] .cptm-loading-icon' + ) + .addClass('cptm-d-none'); + + // Store term ID if exist + if ( + response.data.term_id && + Number.isInteger(response.data.term_id) && + response.data.term_id > 0 + ) { + term_id = response.data.term_id; + // console.log( 'Term ID has been updated' ); + } + + // Show status log + if ( + response.data && + response.data.status.status_log + ) { + var status_log = + response.data.status.status_log; + for (var status in status_log) { + var alert = + '
    ' + + status_log[status].message + + '
    '; + form_feedback.append(alert); + } + } + + // Reload the page if success + if ( + response.data && + response.data.status && + response.data.status.success + ) { + // console.log( 'reloading...' ); + + modal_content.addClass('cptm-d-none'); + modal_alert.removeClass('cptm-d-none'); + $(self).trigger('reset'); + location.reload(); + } + }) + .catch(function (error) { + console.log({ + error: error, + }); + $(self) + .find( + 'button[type=submit] .cptm-loading-icon' + ) + .addClass('cptm-d-none'); + }); + }); + }); + + /***/ + }, + + /***/ './node_modules/axios/index.js': + /*!*************************************!*\ !*** ./node_modules/axios/index.js ***! \*************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -module.exports = __webpack_require__(/*! ./lib/axios */ "./node_modules/axios/lib/axios.js"); - -/***/ }), - -/***/ "./node_modules/axios/lib/adapters/xhr.js": -/*!************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + module.exports = __webpack_require__( + /*! ./lib/axios */ './node_modules/axios/lib/axios.js' + ); + + /***/ + }, + + /***/ './node_modules/axios/lib/adapters/xhr.js': + /*!************************************************!*\ !*** ./node_modules/axios/lib/adapters/xhr.js ***! \************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); -var settle = __webpack_require__(/*! ./../core/settle */ "./node_modules/axios/lib/core/settle.js"); -var cookies = __webpack_require__(/*! ./../helpers/cookies */ "./node_modules/axios/lib/helpers/cookies.js"); -var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js"); -var buildFullPath = __webpack_require__(/*! ../core/buildFullPath */ "./node_modules/axios/lib/core/buildFullPath.js"); -var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ "./node_modules/axios/lib/helpers/parseHeaders.js"); -var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ "./node_modules/axios/lib/helpers/isURLSameOrigin.js"); -var createError = __webpack_require__(/*! ../core/createError */ "./node_modules/axios/lib/core/createError.js"); - -module.exports = function xhrAdapter(config) { - return new Promise(function dispatchXhrRequest(resolve, reject) { - var requestData = config.data; - var requestHeaders = config.headers; - var responseType = config.responseType; - - if (utils.isFormData(requestData)) { - delete requestHeaders['Content-Type']; // Let the browser set it - } - - var request = new XMLHttpRequest(); - - // HTTP basic authentication - if (config.auth) { - var username = config.auth.username || ''; - var password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : ''; - requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password); - } - - var fullPath = buildFullPath(config.baseURL, config.url); - request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true); - - // Set the request timeout in MS - request.timeout = config.timeout; - - function onloadend() { - if (!request) { - return; - } - // Prepare the response - var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null; - var responseData = !responseType || responseType === 'text' || responseType === 'json' ? - request.responseText : request.response; - var response = { - data: responseData, - status: request.status, - statusText: request.statusText, - headers: responseHeaders, - config: config, - request: request - }; - - settle(resolve, reject, response); - - // Clean up request - request = null; - } - - if ('onloadend' in request) { - // Use onloadend if available - request.onloadend = onloadend; - } else { - // Listen for ready state to emulate onloadend - request.onreadystatechange = function handleLoad() { - if (!request || request.readyState !== 4) { - return; - } - - // The request errored out and we didn't get a response, this will be - // handled by onerror instead - // With one exception: request that using file: protocol, most browsers - // will return status as 0 even though it's a successful request - if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) { - return; - } - // readystate handler is calling before onerror or ontimeout handlers, - // so we should call onloadend on the next 'tick' - setTimeout(onloadend); - }; - } - - // Handle browser request cancellation (as opposed to a manual cancellation) - request.onabort = function handleAbort() { - if (!request) { - return; - } - - reject(createError('Request aborted', config, 'ECONNABORTED', request)); - - // Clean up request - request = null; - }; - - // Handle low level network errors - request.onerror = function handleError() { - // Real errors are hidden from us by the browser - // onerror should only fire if it's a network error - reject(createError('Network Error', config, null, request)); - - // Clean up request - request = null; - }; - - // Handle timeout - request.ontimeout = function handleTimeout() { - var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded'; - if (config.timeoutErrorMessage) { - timeoutErrorMessage = config.timeoutErrorMessage; - } - reject(createError( - timeoutErrorMessage, - config, - config.transitional && config.transitional.clarifyTimeoutError ? 'ETIMEDOUT' : 'ECONNABORTED', - request)); - - // Clean up request - request = null; - }; - - // Add xsrf header - // This is only done if running in a standard browser environment. - // Specifically not if we're in a web worker, or react-native. - if (utils.isStandardBrowserEnv()) { - // Add xsrf header - var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? - cookies.read(config.xsrfCookieName) : - undefined; - - if (xsrfValue) { - requestHeaders[config.xsrfHeaderName] = xsrfValue; - } - } - - // Add headers to the request - if ('setRequestHeader' in request) { - utils.forEach(requestHeaders, function setRequestHeader(val, key) { - if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') { - // Remove Content-Type if data is undefined - delete requestHeaders[key]; - } else { - // Otherwise add header to the request - request.setRequestHeader(key, val); - } - }); - } - - // Add withCredentials to request if needed - if (!utils.isUndefined(config.withCredentials)) { - request.withCredentials = !!config.withCredentials; - } - - // Add responseType to request if needed - if (responseType && responseType !== 'json') { - request.responseType = config.responseType; - } - - // Handle progress if needed - if (typeof config.onDownloadProgress === 'function') { - request.addEventListener('progress', config.onDownloadProgress); - } - - // Not all browsers support upload events - if (typeof config.onUploadProgress === 'function' && request.upload) { - request.upload.addEventListener('progress', config.onUploadProgress); - } - - if (config.cancelToken) { - // Handle cancellation - config.cancelToken.promise.then(function onCanceled(cancel) { - if (!request) { - return; - } - - request.abort(); - reject(cancel); - // Clean up request - request = null; - }); - } - - if (!requestData) { - requestData = null; - } - - // Send the request - request.send(requestData); - }); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/axios.js": -/*!*****************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + var settle = __webpack_require__( + /*! ./../core/settle */ './node_modules/axios/lib/core/settle.js' + ); + var cookies = __webpack_require__( + /*! ./../helpers/cookies */ './node_modules/axios/lib/helpers/cookies.js' + ); + var buildURL = __webpack_require__( + /*! ./../helpers/buildURL */ './node_modules/axios/lib/helpers/buildURL.js' + ); + var buildFullPath = __webpack_require__( + /*! ../core/buildFullPath */ './node_modules/axios/lib/core/buildFullPath.js' + ); + var parseHeaders = __webpack_require__( + /*! ./../helpers/parseHeaders */ './node_modules/axios/lib/helpers/parseHeaders.js' + ); + var isURLSameOrigin = __webpack_require__( + /*! ./../helpers/isURLSameOrigin */ './node_modules/axios/lib/helpers/isURLSameOrigin.js' + ); + var createError = __webpack_require__( + /*! ../core/createError */ './node_modules/axios/lib/core/createError.js' + ); + + module.exports = function xhrAdapter(config) { + return new Promise(function dispatchXhrRequest( + resolve, + reject + ) { + var requestData = config.data; + var requestHeaders = config.headers; + var responseType = config.responseType; + + if (utils.isFormData(requestData)) { + delete requestHeaders['Content-Type']; // Let the browser set it + } + + var request = new XMLHttpRequest(); + + // HTTP basic authentication + if (config.auth) { + var username = config.auth.username || ''; + var password = config.auth.password + ? unescape( + encodeURIComponent(config.auth.password) + ) + : ''; + requestHeaders.Authorization = + 'Basic ' + btoa(username + ':' + password); + } + + var fullPath = buildFullPath( + config.baseURL, + config.url + ); + request.open( + config.method.toUpperCase(), + buildURL( + fullPath, + config.params, + config.paramsSerializer + ), + true + ); + + // Set the request timeout in MS + request.timeout = config.timeout; + + function onloadend() { + if (!request) { + return; + } + // Prepare the response + var responseHeaders = + 'getAllResponseHeaders' in request + ? parseHeaders( + request.getAllResponseHeaders() + ) + : null; + var responseData = + !responseType || + responseType === 'text' || + responseType === 'json' + ? request.responseText + : request.response; + var response = { + data: responseData, + status: request.status, + statusText: request.statusText, + headers: responseHeaders, + config: config, + request: request, + }; + + settle(resolve, reject, response); + + // Clean up request + request = null; + } + + if ('onloadend' in request) { + // Use onloadend if available + request.onloadend = onloadend; + } else { + // Listen for ready state to emulate onloadend + request.onreadystatechange = function handleLoad() { + if (!request || request.readyState !== 4) { + return; + } + + // The request errored out and we didn't get a response, this will be + // handled by onerror instead + // With one exception: request that using file: protocol, most browsers + // will return status as 0 even though it's a successful request + if ( + request.status === 0 && + !( + request.responseURL && + request.responseURL.indexOf('file:') === + 0 + ) + ) { + return; + } + // readystate handler is calling before onerror or ontimeout handlers, + // so we should call onloadend on the next 'tick' + setTimeout(onloadend); + }; + } + + // Handle browser request cancellation (as opposed to a manual cancellation) + request.onabort = function handleAbort() { + if (!request) { + return; + } + + reject( + createError( + 'Request aborted', + config, + 'ECONNABORTED', + request + ) + ); + + // Clean up request + request = null; + }; + + // Handle low level network errors + request.onerror = function handleError() { + // Real errors are hidden from us by the browser + // onerror should only fire if it's a network error + reject( + createError( + 'Network Error', + config, + null, + request + ) + ); + + // Clean up request + request = null; + }; + + // Handle timeout + request.ontimeout = function handleTimeout() { + var timeoutErrorMessage = + 'timeout of ' + config.timeout + 'ms exceeded'; + if (config.timeoutErrorMessage) { + timeoutErrorMessage = + config.timeoutErrorMessage; + } + reject( + createError( + timeoutErrorMessage, + config, + config.transitional && + config.transitional.clarifyTimeoutError + ? 'ETIMEDOUT' + : 'ECONNABORTED', + request + ) + ); + + // Clean up request + request = null; + }; + + // Add xsrf header + // This is only done if running in a standard browser environment. + // Specifically not if we're in a web worker, or react-native. + if (utils.isStandardBrowserEnv()) { + // Add xsrf header + var xsrfValue = + (config.withCredentials || + isURLSameOrigin(fullPath)) && + config.xsrfCookieName + ? cookies.read(config.xsrfCookieName) + : undefined; + + if (xsrfValue) { + requestHeaders[config.xsrfHeaderName] = + xsrfValue; + } + } + + // Add headers to the request + if ('setRequestHeader' in request) { + utils.forEach( + requestHeaders, + function setRequestHeader(val, key) { + if ( + typeof requestData === 'undefined' && + key.toLowerCase() === 'content-type' + ) { + // Remove Content-Type if data is undefined + delete requestHeaders[key]; + } else { + // Otherwise add header to the request + request.setRequestHeader(key, val); + } + } + ); + } + + // Add withCredentials to request if needed + if (!utils.isUndefined(config.withCredentials)) { + request.withCredentials = !!config.withCredentials; + } + + // Add responseType to request if needed + if (responseType && responseType !== 'json') { + request.responseType = config.responseType; + } + + // Handle progress if needed + if (typeof config.onDownloadProgress === 'function') { + request.addEventListener( + 'progress', + config.onDownloadProgress + ); + } + + // Not all browsers support upload events + if ( + typeof config.onUploadProgress === 'function' && + request.upload + ) { + request.upload.addEventListener( + 'progress', + config.onUploadProgress + ); + } + + if (config.cancelToken) { + // Handle cancellation + config.cancelToken.promise.then( + function onCanceled(cancel) { + if (!request) { + return; + } + + request.abort(); + reject(cancel); + // Clean up request + request = null; + } + ); + } + + if (!requestData) { + requestData = null; + } + + // Send the request + request.send(requestData); + }); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/axios.js': + /*!*****************************************!*\ !*** ./node_modules/axios/lib/axios.js ***! \*****************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js"); -var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js"); -var Axios = __webpack_require__(/*! ./core/Axios */ "./node_modules/axios/lib/core/Axios.js"); -var mergeConfig = __webpack_require__(/*! ./core/mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js"); -var defaults = __webpack_require__(/*! ./defaults */ "./node_modules/axios/lib/defaults.js"); - -/** - * Create an instance of Axios - * - * @param {Object} defaultConfig The default config for the instance - * @return {Axios} A new instance of Axios - */ -function createInstance(defaultConfig) { - var context = new Axios(defaultConfig); - var instance = bind(Axios.prototype.request, context); - - // Copy axios.prototype to instance - utils.extend(instance, Axios.prototype, context); - - // Copy context to instance - utils.extend(instance, context); - - return instance; -} - -// Create the default instance to be exported -var axios = createInstance(defaults); - -// Expose Axios class to allow class inheritance -axios.Axios = Axios; - -// Factory for creating new instances -axios.create = function create(instanceConfig) { - return createInstance(mergeConfig(axios.defaults, instanceConfig)); -}; - -// Expose Cancel & CancelToken -axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ "./node_modules/axios/lib/cancel/Cancel.js"); -axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ "./node_modules/axios/lib/cancel/CancelToken.js"); -axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js"); - -// Expose all/spread -axios.all = function all(promises) { - return Promise.all(promises); -}; -axios.spread = __webpack_require__(/*! ./helpers/spread */ "./node_modules/axios/lib/helpers/spread.js"); - -// Expose isAxiosError -axios.isAxiosError = __webpack_require__(/*! ./helpers/isAxiosError */ "./node_modules/axios/lib/helpers/isAxiosError.js"); - -module.exports = axios; - -// Allow use of default import syntax in TypeScript -module.exports["default"] = axios; - - -/***/ }), - -/***/ "./node_modules/axios/lib/cancel/Cancel.js": -/*!*************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./utils */ './node_modules/axios/lib/utils.js' + ); + var bind = __webpack_require__( + /*! ./helpers/bind */ './node_modules/axios/lib/helpers/bind.js' + ); + var Axios = __webpack_require__( + /*! ./core/Axios */ './node_modules/axios/lib/core/Axios.js' + ); + var mergeConfig = __webpack_require__( + /*! ./core/mergeConfig */ './node_modules/axios/lib/core/mergeConfig.js' + ); + var defaults = __webpack_require__( + /*! ./defaults */ './node_modules/axios/lib/defaults.js' + ); + + /** + * Create an instance of Axios + * + * @param {Object} defaultConfig The default config for the instance + * @return {Axios} A new instance of Axios + */ + function createInstance(defaultConfig) { + var context = new Axios(defaultConfig); + var instance = bind(Axios.prototype.request, context); + + // Copy axios.prototype to instance + utils.extend(instance, Axios.prototype, context); + + // Copy context to instance + utils.extend(instance, context); + + return instance; + } + + // Create the default instance to be exported + var axios = createInstance(defaults); + + // Expose Axios class to allow class inheritance + axios.Axios = Axios; + + // Factory for creating new instances + axios.create = function create(instanceConfig) { + return createInstance( + mergeConfig(axios.defaults, instanceConfig) + ); + }; + + // Expose Cancel & CancelToken + axios.Cancel = __webpack_require__( + /*! ./cancel/Cancel */ './node_modules/axios/lib/cancel/Cancel.js' + ); + axios.CancelToken = __webpack_require__( + /*! ./cancel/CancelToken */ './node_modules/axios/lib/cancel/CancelToken.js' + ); + axios.isCancel = __webpack_require__( + /*! ./cancel/isCancel */ './node_modules/axios/lib/cancel/isCancel.js' + ); + + // Expose all/spread + axios.all = function all(promises) { + return Promise.all(promises); + }; + axios.spread = __webpack_require__( + /*! ./helpers/spread */ './node_modules/axios/lib/helpers/spread.js' + ); + + // Expose isAxiosError + axios.isAxiosError = __webpack_require__( + /*! ./helpers/isAxiosError */ './node_modules/axios/lib/helpers/isAxiosError.js' + ); + + module.exports = axios; + + // Allow use of default import syntax in TypeScript + module.exports['default'] = axios; + + /***/ + }, + + /***/ './node_modules/axios/lib/cancel/Cancel.js': + /*!*************************************************!*\ !*** ./node_modules/axios/lib/cancel/Cancel.js ***! \*************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * A `Cancel` is an object that is thrown when an operation is canceled. - * - * @class - * @param {string=} message The message. - */ -function Cancel(message) { - this.message = message; -} + /***/ function (module) { + 'use strict'; -Cancel.prototype.toString = function toString() { - return 'Cancel' + (this.message ? ': ' + this.message : ''); -}; + /** + * A `Cancel` is an object that is thrown when an operation is canceled. + * + * @class + * @param {string=} message The message. + */ + function Cancel(message) { + this.message = message; + } -Cancel.prototype.__CANCEL__ = true; + Cancel.prototype.toString = function toString() { + return 'Cancel' + (this.message ? ': ' + this.message : ''); + }; -module.exports = Cancel; + Cancel.prototype.__CANCEL__ = true; + module.exports = Cancel; -/***/ }), + /***/ + }, -/***/ "./node_modules/axios/lib/cancel/CancelToken.js": -/*!******************************************************!*\ + /***/ './node_modules/axios/lib/cancel/CancelToken.js': + /*!******************************************************!*\ !*** ./node_modules/axios/lib/cancel/CancelToken.js ***! \******************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var Cancel = __webpack_require__(/*! ./Cancel */ "./node_modules/axios/lib/cancel/Cancel.js"); - -/** - * A `CancelToken` is an object that can be used to request cancellation of an operation. - * - * @class - * @param {Function} executor The executor function. - */ -function CancelToken(executor) { - if (typeof executor !== 'function') { - throw new TypeError('executor must be a function.'); - } - - var resolvePromise; - this.promise = new Promise(function promiseExecutor(resolve) { - resolvePromise = resolve; - }); - - var token = this; - executor(function cancel(message) { - if (token.reason) { - // Cancellation has already been requested - return; - } - - token.reason = new Cancel(message); - resolvePromise(token.reason); - }); -} - -/** - * Throws a `Cancel` if cancellation has been requested. - */ -CancelToken.prototype.throwIfRequested = function throwIfRequested() { - if (this.reason) { - throw this.reason; - } -}; - -/** - * Returns an object that contains a new `CancelToken` and a function that, when called, - * cancels the `CancelToken`. - */ -CancelToken.source = function source() { - var cancel; - var token = new CancelToken(function executor(c) { - cancel = c; - }); - return { - token: token, - cancel: cancel - }; -}; - -module.exports = CancelToken; - - -/***/ }), - -/***/ "./node_modules/axios/lib/cancel/isCancel.js": -/*!***************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var Cancel = __webpack_require__( + /*! ./Cancel */ './node_modules/axios/lib/cancel/Cancel.js' + ); + + /** + * A `CancelToken` is an object that can be used to request cancellation of an operation. + * + * @class + * @param {Function} executor The executor function. + */ + function CancelToken(executor) { + if (typeof executor !== 'function') { + throw new TypeError('executor must be a function.'); + } + + var resolvePromise; + this.promise = new Promise(function promiseExecutor( + resolve + ) { + resolvePromise = resolve; + }); + + var token = this; + executor(function cancel(message) { + if (token.reason) { + // Cancellation has already been requested + return; + } + + token.reason = new Cancel(message); + resolvePromise(token.reason); + }); + } + + /** + * Throws a `Cancel` if cancellation has been requested. + */ + CancelToken.prototype.throwIfRequested = + function throwIfRequested() { + if (this.reason) { + throw this.reason; + } + }; + + /** + * Returns an object that contains a new `CancelToken` and a function that, when called, + * cancels the `CancelToken`. + */ + CancelToken.source = function source() { + var cancel; + var token = new CancelToken(function executor(c) { + cancel = c; + }); + return { + token: token, + cancel: cancel, + }; + }; + + module.exports = CancelToken; + + /***/ + }, + + /***/ './node_modules/axios/lib/cancel/isCancel.js': + /*!***************************************************!*\ !*** ./node_modules/axios/lib/cancel/isCancel.js ***! \***************************************************/ -/***/ (function(module) { + /***/ function (module) { + 'use strict'; -"use strict"; + module.exports = function isCancel(value) { + return !!(value && value.__CANCEL__); + }; + /***/ + }, -module.exports = function isCancel(value) { - return !!(value && value.__CANCEL__); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/Axios.js": -/*!**********************************************!*\ + /***/ './node_modules/axios/lib/core/Axios.js': + /*!**********************************************!*\ !*** ./node_modules/axios/lib/core/Axios.js ***! \**********************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); -var buildURL = __webpack_require__(/*! ../helpers/buildURL */ "./node_modules/axios/lib/helpers/buildURL.js"); -var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ "./node_modules/axios/lib/core/InterceptorManager.js"); -var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ "./node_modules/axios/lib/core/dispatchRequest.js"); -var mergeConfig = __webpack_require__(/*! ./mergeConfig */ "./node_modules/axios/lib/core/mergeConfig.js"); -var validator = __webpack_require__(/*! ../helpers/validator */ "./node_modules/axios/lib/helpers/validator.js"); - -var validators = validator.validators; -/** - * Create a new instance of Axios - * - * @param {Object} instanceConfig The default config for the instance - */ -function Axios(instanceConfig) { - this.defaults = instanceConfig; - this.interceptors = { - request: new InterceptorManager(), - response: new InterceptorManager() - }; -} - -/** - * Dispatch a request - * - * @param {Object} config The config specific for this request (merged with this.defaults) - */ -Axios.prototype.request = function request(config) { - /*eslint no-param-reassign:0*/ - // Allow for axios('example/url'[, config]) a la fetch API - if (typeof config === 'string') { - config = arguments[1] || {}; - config.url = arguments[0]; - } else { - config = config || {}; - } - - config = mergeConfig(this.defaults, config); - - // Set config.method - if (config.method) { - config.method = config.method.toLowerCase(); - } else if (this.defaults.method) { - config.method = this.defaults.method.toLowerCase(); - } else { - config.method = 'get'; - } - - var transitional = config.transitional; - - if (transitional !== undefined) { - validator.assertOptions(transitional, { - silentJSONParsing: validators.transitional(validators.boolean, '1.0.0'), - forcedJSONParsing: validators.transitional(validators.boolean, '1.0.0'), - clarifyTimeoutError: validators.transitional(validators.boolean, '1.0.0') - }, false); - } - - // filter out skipped interceptors - var requestInterceptorChain = []; - var synchronousRequestInterceptors = true; - this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) { - if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) { - return; - } - - synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous; - - requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected); - }); - - var responseInterceptorChain = []; - this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) { - responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected); - }); - - var promise; - - if (!synchronousRequestInterceptors) { - var chain = [dispatchRequest, undefined]; - - Array.prototype.unshift.apply(chain, requestInterceptorChain); - chain = chain.concat(responseInterceptorChain); - - promise = Promise.resolve(config); - while (chain.length) { - promise = promise.then(chain.shift(), chain.shift()); - } - - return promise; - } - - - var newConfig = config; - while (requestInterceptorChain.length) { - var onFulfilled = requestInterceptorChain.shift(); - var onRejected = requestInterceptorChain.shift(); - try { - newConfig = onFulfilled(newConfig); - } catch (error) { - onRejected(error); - break; - } - } - - try { - promise = dispatchRequest(newConfig); - } catch (error) { - return Promise.reject(error); - } - - while (responseInterceptorChain.length) { - promise = promise.then(responseInterceptorChain.shift(), responseInterceptorChain.shift()); - } - - return promise; -}; - -Axios.prototype.getUri = function getUri(config) { - config = mergeConfig(this.defaults, config); - return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\?/, ''); -}; - -// Provide aliases for supported request methods -utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) { - /*eslint func-names:0*/ - Axios.prototype[method] = function(url, config) { - return this.request(mergeConfig(config || {}, { - method: method, - url: url, - data: (config || {}).data - })); - }; -}); - -utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) { - /*eslint func-names:0*/ - Axios.prototype[method] = function(url, data, config) { - return this.request(mergeConfig(config || {}, { - method: method, - url: url, - data: data - })); - }; -}); - -module.exports = Axios; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/InterceptorManager.js": -/*!***********************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + var buildURL = __webpack_require__( + /*! ../helpers/buildURL */ './node_modules/axios/lib/helpers/buildURL.js' + ); + var InterceptorManager = __webpack_require__( + /*! ./InterceptorManager */ './node_modules/axios/lib/core/InterceptorManager.js' + ); + var dispatchRequest = __webpack_require__( + /*! ./dispatchRequest */ './node_modules/axios/lib/core/dispatchRequest.js' + ); + var mergeConfig = __webpack_require__( + /*! ./mergeConfig */ './node_modules/axios/lib/core/mergeConfig.js' + ); + var validator = __webpack_require__( + /*! ../helpers/validator */ './node_modules/axios/lib/helpers/validator.js' + ); + + var validators = validator.validators; + /** + * Create a new instance of Axios + * + * @param {Object} instanceConfig The default config for the instance + */ + function Axios(instanceConfig) { + this.defaults = instanceConfig; + this.interceptors = { + request: new InterceptorManager(), + response: new InterceptorManager(), + }; + } + + /** + * Dispatch a request + * + * @param {Object} config The config specific for this request (merged with this.defaults) + */ + Axios.prototype.request = function request(config) { + /*eslint no-param-reassign:0*/ + // Allow for axios('example/url'[, config]) a la fetch API + if (typeof config === 'string') { + config = arguments[1] || {}; + config.url = arguments[0]; + } else { + config = config || {}; + } + + config = mergeConfig(this.defaults, config); + + // Set config.method + if (config.method) { + config.method = config.method.toLowerCase(); + } else if (this.defaults.method) { + config.method = this.defaults.method.toLowerCase(); + } else { + config.method = 'get'; + } + + var transitional = config.transitional; + + if (transitional !== undefined) { + validator.assertOptions( + transitional, + { + silentJSONParsing: validators.transitional( + validators.boolean, + '1.0.0' + ), + forcedJSONParsing: validators.transitional( + validators.boolean, + '1.0.0' + ), + clarifyTimeoutError: validators.transitional( + validators.boolean, + '1.0.0' + ), + }, + false + ); + } + + // filter out skipped interceptors + var requestInterceptorChain = []; + var synchronousRequestInterceptors = true; + this.interceptors.request.forEach( + function unshiftRequestInterceptors(interceptor) { + if ( + typeof interceptor.runWhen === 'function' && + interceptor.runWhen(config) === false + ) { + return; + } + + synchronousRequestInterceptors = + synchronousRequestInterceptors && + interceptor.synchronous; + + requestInterceptorChain.unshift( + interceptor.fulfilled, + interceptor.rejected + ); + } + ); + + var responseInterceptorChain = []; + this.interceptors.response.forEach( + function pushResponseInterceptors(interceptor) { + responseInterceptorChain.push( + interceptor.fulfilled, + interceptor.rejected + ); + } + ); + + var promise; + + if (!synchronousRequestInterceptors) { + var chain = [dispatchRequest, undefined]; + + Array.prototype.unshift.apply( + chain, + requestInterceptorChain + ); + chain = chain.concat(responseInterceptorChain); + + promise = Promise.resolve(config); + while (chain.length) { + promise = promise.then( + chain.shift(), + chain.shift() + ); + } + + return promise; + } + + var newConfig = config; + while (requestInterceptorChain.length) { + var onFulfilled = requestInterceptorChain.shift(); + var onRejected = requestInterceptorChain.shift(); + try { + newConfig = onFulfilled(newConfig); + } catch (error) { + onRejected(error); + break; + } + } + + try { + promise = dispatchRequest(newConfig); + } catch (error) { + return Promise.reject(error); + } + + while (responseInterceptorChain.length) { + promise = promise.then( + responseInterceptorChain.shift(), + responseInterceptorChain.shift() + ); + } + + return promise; + }; + + Axios.prototype.getUri = function getUri(config) { + config = mergeConfig(this.defaults, config); + return buildURL( + config.url, + config.params, + config.paramsSerializer + ).replace(/^\?/, ''); + }; + + // Provide aliases for supported request methods + utils.forEach( + ['delete', 'get', 'head', 'options'], + function forEachMethodNoData(method) { + /*eslint func-names:0*/ + Axios.prototype[method] = function (url, config) { + return this.request( + mergeConfig(config || {}, { + method: method, + url: url, + data: (config || {}).data, + }) + ); + }; + } + ); + + utils.forEach( + ['post', 'put', 'patch'], + function forEachMethodWithData(method) { + /*eslint func-names:0*/ + Axios.prototype[method] = function (url, data, config) { + return this.request( + mergeConfig(config || {}, { + method: method, + url: url, + data: data, + }) + ); + }; + } + ); + + module.exports = Axios; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/InterceptorManager.js': + /*!***********************************************************!*\ !*** ./node_modules/axios/lib/core/InterceptorManager.js ***! \***********************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); - -function InterceptorManager() { - this.handlers = []; -} - -/** - * Add a new interceptor to the stack - * - * @param {Function} fulfilled The function to handle `then` for a `Promise` - * @param {Function} rejected The function to handle `reject` for a `Promise` - * - * @return {Number} An ID used to remove interceptor later - */ -InterceptorManager.prototype.use = function use(fulfilled, rejected, options) { - this.handlers.push({ - fulfilled: fulfilled, - rejected: rejected, - synchronous: options ? options.synchronous : false, - runWhen: options ? options.runWhen : null - }); - return this.handlers.length - 1; -}; - -/** - * Remove an interceptor from the stack - * - * @param {Number} id The ID that was returned by `use` - */ -InterceptorManager.prototype.eject = function eject(id) { - if (this.handlers[id]) { - this.handlers[id] = null; - } -}; - -/** - * Iterate over all the registered interceptors - * - * This method is particularly useful for skipping over any - * interceptors that may have become `null` calling `eject`. - * - * @param {Function} fn The function to call for each interceptor - */ -InterceptorManager.prototype.forEach = function forEach(fn) { - utils.forEach(this.handlers, function forEachHandler(h) { - if (h !== null) { - fn(h); - } - }); -}; - -module.exports = InterceptorManager; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/buildFullPath.js": -/*!******************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + + function InterceptorManager() { + this.handlers = []; + } + + /** + * Add a new interceptor to the stack + * + * @param {Function} fulfilled The function to handle `then` for a `Promise` + * @param {Function} rejected The function to handle `reject` for a `Promise` + * + * @return {Number} An ID used to remove interceptor later + */ + InterceptorManager.prototype.use = function use( + fulfilled, + rejected, + options + ) { + this.handlers.push({ + fulfilled: fulfilled, + rejected: rejected, + synchronous: options ? options.synchronous : false, + runWhen: options ? options.runWhen : null, + }); + return this.handlers.length - 1; + }; + + /** + * Remove an interceptor from the stack + * + * @param {Number} id The ID that was returned by `use` + */ + InterceptorManager.prototype.eject = function eject(id) { + if (this.handlers[id]) { + this.handlers[id] = null; + } + }; + + /** + * Iterate over all the registered interceptors + * + * This method is particularly useful for skipping over any + * interceptors that may have become `null` calling `eject`. + * + * @param {Function} fn The function to call for each interceptor + */ + InterceptorManager.prototype.forEach = function forEach(fn) { + utils.forEach(this.handlers, function forEachHandler(h) { + if (h !== null) { + fn(h); + } + }); + }; + + module.exports = InterceptorManager; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/buildFullPath.js': + /*!******************************************************!*\ !*** ./node_modules/axios/lib/core/buildFullPath.js ***! \******************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var isAbsoluteURL = __webpack_require__(/*! ../helpers/isAbsoluteURL */ "./node_modules/axios/lib/helpers/isAbsoluteURL.js"); -var combineURLs = __webpack_require__(/*! ../helpers/combineURLs */ "./node_modules/axios/lib/helpers/combineURLs.js"); - -/** - * Creates a new URL by combining the baseURL with the requestedURL, - * only when the requestedURL is not already an absolute URL. - * If the requestURL is absolute, this function returns the requestedURL untouched. - * - * @param {string} baseURL The base URL - * @param {string} requestedURL Absolute or relative URL to combine - * @returns {string} The combined full path - */ -module.exports = function buildFullPath(baseURL, requestedURL) { - if (baseURL && !isAbsoluteURL(requestedURL)) { - return combineURLs(baseURL, requestedURL); - } - return requestedURL; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/createError.js": -/*!****************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var isAbsoluteURL = __webpack_require__( + /*! ../helpers/isAbsoluteURL */ './node_modules/axios/lib/helpers/isAbsoluteURL.js' + ); + var combineURLs = __webpack_require__( + /*! ../helpers/combineURLs */ './node_modules/axios/lib/helpers/combineURLs.js' + ); + + /** + * Creates a new URL by combining the baseURL with the requestedURL, + * only when the requestedURL is not already an absolute URL. + * If the requestURL is absolute, this function returns the requestedURL untouched. + * + * @param {string} baseURL The base URL + * @param {string} requestedURL Absolute or relative URL to combine + * @returns {string} The combined full path + */ + module.exports = function buildFullPath(baseURL, requestedURL) { + if (baseURL && !isAbsoluteURL(requestedURL)) { + return combineURLs(baseURL, requestedURL); + } + return requestedURL; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/createError.js': + /*!****************************************************!*\ !*** ./node_modules/axios/lib/core/createError.js ***! \****************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var enhanceError = __webpack_require__(/*! ./enhanceError */ "./node_modules/axios/lib/core/enhanceError.js"); - -/** - * Create an Error with the specified message, config, error code, request and response. - * - * @param {string} message The error message. - * @param {Object} config The config. - * @param {string} [code] The error code (for example, 'ECONNABORTED'). - * @param {Object} [request] The request. - * @param {Object} [response] The response. - * @returns {Error} The created error. - */ -module.exports = function createError(message, config, code, request, response) { - var error = new Error(message); - return enhanceError(error, config, code, request, response); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/dispatchRequest.js": -/*!********************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var enhanceError = __webpack_require__( + /*! ./enhanceError */ './node_modules/axios/lib/core/enhanceError.js' + ); + + /** + * Create an Error with the specified message, config, error code, request and response. + * + * @param {string} message The error message. + * @param {Object} config The config. + * @param {string} [code] The error code (for example, 'ECONNABORTED'). + * @param {Object} [request] The request. + * @param {Object} [response] The response. + * @returns {Error} The created error. + */ + module.exports = function createError( + message, + config, + code, + request, + response + ) { + var error = new Error(message); + return enhanceError(error, config, code, request, response); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/dispatchRequest.js': + /*!********************************************************!*\ !*** ./node_modules/axios/lib/core/dispatchRequest.js ***! \********************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); -var transformData = __webpack_require__(/*! ./transformData */ "./node_modules/axios/lib/core/transformData.js"); -var isCancel = __webpack_require__(/*! ../cancel/isCancel */ "./node_modules/axios/lib/cancel/isCancel.js"); -var defaults = __webpack_require__(/*! ../defaults */ "./node_modules/axios/lib/defaults.js"); - -/** - * Throws a `Cancel` if cancellation has been requested. - */ -function throwIfCancellationRequested(config) { - if (config.cancelToken) { - config.cancelToken.throwIfRequested(); - } -} - -/** - * Dispatch a request to the server using the configured adapter. - * - * @param {object} config The config that is to be used for the request - * @returns {Promise} The Promise to be fulfilled - */ -module.exports = function dispatchRequest(config) { - throwIfCancellationRequested(config); - - // Ensure headers exist - config.headers = config.headers || {}; - - // Transform request data - config.data = transformData.call( - config, - config.data, - config.headers, - config.transformRequest - ); - - // Flatten headers - config.headers = utils.merge( - config.headers.common || {}, - config.headers[config.method] || {}, - config.headers - ); - - utils.forEach( - ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], - function cleanHeaderConfig(method) { - delete config.headers[method]; - } - ); - - var adapter = config.adapter || defaults.adapter; - - return adapter(config).then(function onAdapterResolution(response) { - throwIfCancellationRequested(config); - - // Transform response data - response.data = transformData.call( - config, - response.data, - response.headers, - config.transformResponse - ); - - return response; - }, function onAdapterRejection(reason) { - if (!isCancel(reason)) { - throwIfCancellationRequested(config); - - // Transform response data - if (reason && reason.response) { - reason.response.data = transformData.call( - config, - reason.response.data, - reason.response.headers, - config.transformResponse - ); - } - } - - return Promise.reject(reason); - }); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/enhanceError.js": -/*!*****************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + var transformData = __webpack_require__( + /*! ./transformData */ './node_modules/axios/lib/core/transformData.js' + ); + var isCancel = __webpack_require__( + /*! ../cancel/isCancel */ './node_modules/axios/lib/cancel/isCancel.js' + ); + var defaults = __webpack_require__( + /*! ../defaults */ './node_modules/axios/lib/defaults.js' + ); + + /** + * Throws a `Cancel` if cancellation has been requested. + */ + function throwIfCancellationRequested(config) { + if (config.cancelToken) { + config.cancelToken.throwIfRequested(); + } + } + + /** + * Dispatch a request to the server using the configured adapter. + * + * @param {object} config The config that is to be used for the request + * @returns {Promise} The Promise to be fulfilled + */ + module.exports = function dispatchRequest(config) { + throwIfCancellationRequested(config); + + // Ensure headers exist + config.headers = config.headers || {}; + + // Transform request data + config.data = transformData.call( + config, + config.data, + config.headers, + config.transformRequest + ); + + // Flatten headers + config.headers = utils.merge( + config.headers.common || {}, + config.headers[config.method] || {}, + config.headers + ); + + utils.forEach( + [ + 'delete', + 'get', + 'head', + 'post', + 'put', + 'patch', + 'common', + ], + function cleanHeaderConfig(method) { + delete config.headers[method]; + } + ); + + var adapter = config.adapter || defaults.adapter; + + return adapter(config).then( + function onAdapterResolution(response) { + throwIfCancellationRequested(config); + + // Transform response data + response.data = transformData.call( + config, + response.data, + response.headers, + config.transformResponse + ); + + return response; + }, + function onAdapterRejection(reason) { + if (!isCancel(reason)) { + throwIfCancellationRequested(config); + + // Transform response data + if (reason && reason.response) { + reason.response.data = transformData.call( + config, + reason.response.data, + reason.response.headers, + config.transformResponse + ); + } + } + + return Promise.reject(reason); + } + ); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/enhanceError.js': + /*!*****************************************************!*\ !*** ./node_modules/axios/lib/core/enhanceError.js ***! \*****************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * Update an Error with the specified config, error code, and response. - * - * @param {Error} error The error to update. - * @param {Object} config The config. - * @param {string} [code] The error code (for example, 'ECONNABORTED'). - * @param {Object} [request] The request. - * @param {Object} [response] The response. - * @returns {Error} The error. - */ -module.exports = function enhanceError(error, config, code, request, response) { - error.config = config; - if (code) { - error.code = code; - } - - error.request = request; - error.response = response; - error.isAxiosError = true; - - error.toJSON = function toJSON() { - return { - // Standard - message: this.message, - name: this.name, - // Microsoft - description: this.description, - number: this.number, - // Mozilla - fileName: this.fileName, - lineNumber: this.lineNumber, - columnNumber: this.columnNumber, - stack: this.stack, - // Axios - config: this.config, - code: this.code - }; - }; - return error; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/mergeConfig.js": -/*!****************************************************!*\ + /***/ function (module) { + 'use strict'; + + /** + * Update an Error with the specified config, error code, and response. + * + * @param {Error} error The error to update. + * @param {Object} config The config. + * @param {string} [code] The error code (for example, 'ECONNABORTED'). + * @param {Object} [request] The request. + * @param {Object} [response] The response. + * @returns {Error} The error. + */ + module.exports = function enhanceError( + error, + config, + code, + request, + response + ) { + error.config = config; + if (code) { + error.code = code; + } + + error.request = request; + error.response = response; + error.isAxiosError = true; + + error.toJSON = function toJSON() { + return { + // Standard + message: this.message, + name: this.name, + // Microsoft + description: this.description, + number: this.number, + // Mozilla + fileName: this.fileName, + lineNumber: this.lineNumber, + columnNumber: this.columnNumber, + stack: this.stack, + // Axios + config: this.config, + code: this.code, + }; + }; + return error; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/mergeConfig.js': + /*!****************************************************!*\ !*** ./node_modules/axios/lib/core/mergeConfig.js ***! \****************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js"); - -/** - * Config-specific merge-function which creates a new config-object - * by merging two configuration objects together. - * - * @param {Object} config1 - * @param {Object} config2 - * @returns {Object} New object resulting from merging config2 to config1 - */ -module.exports = function mergeConfig(config1, config2) { - // eslint-disable-next-line no-param-reassign - config2 = config2 || {}; - var config = {}; - - var valueFromConfig2Keys = ['url', 'method', 'data']; - var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params']; - var defaultToConfig2Keys = [ - 'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer', - 'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName', - 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress', - 'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent', - 'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding' - ]; - var directMergeKeys = ['validateStatus']; - - function getMergedValue(target, source) { - if (utils.isPlainObject(target) && utils.isPlainObject(source)) { - return utils.merge(target, source); - } else if (utils.isPlainObject(source)) { - return utils.merge({}, source); - } else if (utils.isArray(source)) { - return source.slice(); - } - return source; - } - - function mergeDeepProperties(prop) { - if (!utils.isUndefined(config2[prop])) { - config[prop] = getMergedValue(config1[prop], config2[prop]); - } else if (!utils.isUndefined(config1[prop])) { - config[prop] = getMergedValue(undefined, config1[prop]); - } - } - - utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) { - if (!utils.isUndefined(config2[prop])) { - config[prop] = getMergedValue(undefined, config2[prop]); - } - }); - - utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties); - - utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) { - if (!utils.isUndefined(config2[prop])) { - config[prop] = getMergedValue(undefined, config2[prop]); - } else if (!utils.isUndefined(config1[prop])) { - config[prop] = getMergedValue(undefined, config1[prop]); - } - }); - - utils.forEach(directMergeKeys, function merge(prop) { - if (prop in config2) { - config[prop] = getMergedValue(config1[prop], config2[prop]); - } else if (prop in config1) { - config[prop] = getMergedValue(undefined, config1[prop]); - } - }); - - var axiosKeys = valueFromConfig2Keys - .concat(mergeDeepPropertiesKeys) - .concat(defaultToConfig2Keys) - .concat(directMergeKeys); - - var otherKeys = Object - .keys(config1) - .concat(Object.keys(config2)) - .filter(function filterAxiosKeys(key) { - return axiosKeys.indexOf(key) === -1; - }); - - utils.forEach(otherKeys, mergeDeepProperties); - - return config; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/settle.js": -/*!***********************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ../utils */ './node_modules/axios/lib/utils.js' + ); + + /** + * Config-specific merge-function which creates a new config-object + * by merging two configuration objects together. + * + * @param {Object} config1 + * @param {Object} config2 + * @returns {Object} New object resulting from merging config2 to config1 + */ + module.exports = function mergeConfig(config1, config2) { + // eslint-disable-next-line no-param-reassign + config2 = config2 || {}; + var config = {}; + + var valueFromConfig2Keys = ['url', 'method', 'data']; + var mergeDeepPropertiesKeys = [ + 'headers', + 'auth', + 'proxy', + 'params', + ]; + var defaultToConfig2Keys = [ + 'baseURL', + 'transformRequest', + 'transformResponse', + 'paramsSerializer', + 'timeout', + 'timeoutMessage', + 'withCredentials', + 'adapter', + 'responseType', + 'xsrfCookieName', + 'xsrfHeaderName', + 'onUploadProgress', + 'onDownloadProgress', + 'decompress', + 'maxContentLength', + 'maxBodyLength', + 'maxRedirects', + 'transport', + 'httpAgent', + 'httpsAgent', + 'cancelToken', + 'socketPath', + 'responseEncoding', + ]; + var directMergeKeys = ['validateStatus']; + + function getMergedValue(target, source) { + if ( + utils.isPlainObject(target) && + utils.isPlainObject(source) + ) { + return utils.merge(target, source); + } else if (utils.isPlainObject(source)) { + return utils.merge({}, source); + } else if (utils.isArray(source)) { + return source.slice(); + } + return source; + } + + function mergeDeepProperties(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + config1[prop], + config2[prop] + ); + } else if (!utils.isUndefined(config1[prop])) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + } + + utils.forEach( + valueFromConfig2Keys, + function valueFromConfig2(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + undefined, + config2[prop] + ); + } + } + ); + + utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties); + + utils.forEach( + defaultToConfig2Keys, + function defaultToConfig2(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + undefined, + config2[prop] + ); + } else if (!utils.isUndefined(config1[prop])) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + } + ); + + utils.forEach(directMergeKeys, function merge(prop) { + if (prop in config2) { + config[prop] = getMergedValue( + config1[prop], + config2[prop] + ); + } else if (prop in config1) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + }); + + var axiosKeys = valueFromConfig2Keys + .concat(mergeDeepPropertiesKeys) + .concat(defaultToConfig2Keys) + .concat(directMergeKeys); + + var otherKeys = Object.keys(config1) + .concat(Object.keys(config2)) + .filter(function filterAxiosKeys(key) { + return axiosKeys.indexOf(key) === -1; + }); + + utils.forEach(otherKeys, mergeDeepProperties); + + return config; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/settle.js': + /*!***********************************************!*\ !*** ./node_modules/axios/lib/core/settle.js ***! \***********************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var createError = __webpack_require__(/*! ./createError */ "./node_modules/axios/lib/core/createError.js"); - -/** - * Resolve or reject a Promise based on response status. - * - * @param {Function} resolve A function that resolves the promise. - * @param {Function} reject A function that rejects the promise. - * @param {object} response The response. - */ -module.exports = function settle(resolve, reject, response) { - var validateStatus = response.config.validateStatus; - if (!response.status || !validateStatus || validateStatus(response.status)) { - resolve(response); - } else { - reject(createError( - 'Request failed with status code ' + response.status, - response.config, - null, - response.request, - response - )); - } -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/core/transformData.js": -/*!******************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var createError = __webpack_require__( + /*! ./createError */ './node_modules/axios/lib/core/createError.js' + ); + + /** + * Resolve or reject a Promise based on response status. + * + * @param {Function} resolve A function that resolves the promise. + * @param {Function} reject A function that rejects the promise. + * @param {object} response The response. + */ + module.exports = function settle(resolve, reject, response) { + var validateStatus = response.config.validateStatus; + if ( + !response.status || + !validateStatus || + validateStatus(response.status) + ) { + resolve(response); + } else { + reject( + createError( + 'Request failed with status code ' + + response.status, + response.config, + null, + response.request, + response + ) + ); + } + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/core/transformData.js': + /*!******************************************************!*\ !*** ./node_modules/axios/lib/core/transformData.js ***! \******************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); -var defaults = __webpack_require__(/*! ./../defaults */ "./node_modules/axios/lib/defaults.js"); - -/** - * Transform the data for a request or a response - * - * @param {Object|String} data The data to be transformed - * @param {Array} headers The headers for the request or response - * @param {Array|Function} fns A single function or Array of functions - * @returns {*} The resulting transformed data - */ -module.exports = function transformData(data, headers, fns) { - var context = this || defaults; - /*eslint no-param-reassign:0*/ - utils.forEach(fns, function transform(fn) { - data = fn.call(context, data, headers); - }); - - return data; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/defaults.js": -/*!********************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + var defaults = __webpack_require__( + /*! ./../defaults */ './node_modules/axios/lib/defaults.js' + ); + + /** + * Transform the data for a request or a response + * + * @param {Object|String} data The data to be transformed + * @param {Array} headers The headers for the request or response + * @param {Array|Function} fns A single function or Array of functions + * @returns {*} The resulting transformed data + */ + module.exports = function transformData(data, headers, fns) { + var context = this || defaults; + /*eslint no-param-reassign:0*/ + utils.forEach(fns, function transform(fn) { + data = fn.call(context, data, headers); + }); + + return data; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/defaults.js': + /*!********************************************!*\ !*** ./node_modules/axios/lib/defaults.js ***! \********************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./utils */ "./node_modules/axios/lib/utils.js"); -var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ "./node_modules/axios/lib/helpers/normalizeHeaderName.js"); -var enhanceError = __webpack_require__(/*! ./core/enhanceError */ "./node_modules/axios/lib/core/enhanceError.js"); - -var DEFAULT_CONTENT_TYPE = { - 'Content-Type': 'application/x-www-form-urlencoded' -}; - -function setContentTypeIfUnset(headers, value) { - if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) { - headers['Content-Type'] = value; - } -} - -function getDefaultAdapter() { - var adapter; - if (typeof XMLHttpRequest !== 'undefined') { - // For browsers use XHR adapter - adapter = __webpack_require__(/*! ./adapters/xhr */ "./node_modules/axios/lib/adapters/xhr.js"); - } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') { - // For node use HTTP adapter - adapter = __webpack_require__(/*! ./adapters/http */ "./node_modules/axios/lib/adapters/xhr.js"); - } - return adapter; -} - -function stringifySafely(rawValue, parser, encoder) { - if (utils.isString(rawValue)) { - try { - (parser || JSON.parse)(rawValue); - return utils.trim(rawValue); - } catch (e) { - if (e.name !== 'SyntaxError') { - throw e; - } - } - } - - return (encoder || JSON.stringify)(rawValue); -} - -var defaults = { - - transitional: { - silentJSONParsing: true, - forcedJSONParsing: true, - clarifyTimeoutError: false - }, - - adapter: getDefaultAdapter(), - - transformRequest: [function transformRequest(data, headers) { - normalizeHeaderName(headers, 'Accept'); - normalizeHeaderName(headers, 'Content-Type'); - - if (utils.isFormData(data) || - utils.isArrayBuffer(data) || - utils.isBuffer(data) || - utils.isStream(data) || - utils.isFile(data) || - utils.isBlob(data) - ) { - return data; - } - if (utils.isArrayBufferView(data)) { - return data.buffer; - } - if (utils.isURLSearchParams(data)) { - setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8'); - return data.toString(); - } - if (utils.isObject(data) || (headers && headers['Content-Type'] === 'application/json')) { - setContentTypeIfUnset(headers, 'application/json'); - return stringifySafely(data); - } - return data; - }], - - transformResponse: [function transformResponse(data) { - var transitional = this.transitional; - var silentJSONParsing = transitional && transitional.silentJSONParsing; - var forcedJSONParsing = transitional && transitional.forcedJSONParsing; - var strictJSONParsing = !silentJSONParsing && this.responseType === 'json'; - - if (strictJSONParsing || (forcedJSONParsing && utils.isString(data) && data.length)) { - try { - return JSON.parse(data); - } catch (e) { - if (strictJSONParsing) { - if (e.name === 'SyntaxError') { - throw enhanceError(e, this, 'E_JSON_PARSE'); - } - throw e; - } - } - } - - return data; - }], - - /** - * A timeout in milliseconds to abort a request. If set to 0 (default) a - * timeout is not created. - */ - timeout: 0, - - xsrfCookieName: 'XSRF-TOKEN', - xsrfHeaderName: 'X-XSRF-TOKEN', - - maxContentLength: -1, - maxBodyLength: -1, - - validateStatus: function validateStatus(status) { - return status >= 200 && status < 300; - } -}; - -defaults.headers = { - common: { - 'Accept': 'application/json, text/plain, */*' - } -}; - -utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) { - defaults.headers[method] = {}; -}); - -utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) { - defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE); -}); - -module.exports = defaults; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/bind.js": -/*!************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./utils */ './node_modules/axios/lib/utils.js' + ); + var normalizeHeaderName = __webpack_require__( + /*! ./helpers/normalizeHeaderName */ './node_modules/axios/lib/helpers/normalizeHeaderName.js' + ); + var enhanceError = __webpack_require__( + /*! ./core/enhanceError */ './node_modules/axios/lib/core/enhanceError.js' + ); + + var DEFAULT_CONTENT_TYPE = { + 'Content-Type': 'application/x-www-form-urlencoded', + }; + + function setContentTypeIfUnset(headers, value) { + if ( + !utils.isUndefined(headers) && + utils.isUndefined(headers['Content-Type']) + ) { + headers['Content-Type'] = value; + } + } + + function getDefaultAdapter() { + var adapter; + if (typeof XMLHttpRequest !== 'undefined') { + // For browsers use XHR adapter + adapter = __webpack_require__( + /*! ./adapters/xhr */ './node_modules/axios/lib/adapters/xhr.js' + ); + } else if ( + typeof process !== 'undefined' && + Object.prototype.toString.call(process) === + '[object process]' + ) { + // For node use HTTP adapter + adapter = __webpack_require__( + /*! ./adapters/http */ './node_modules/axios/lib/adapters/xhr.js' + ); + } + return adapter; + } + + function stringifySafely(rawValue, parser, encoder) { + if (utils.isString(rawValue)) { + try { + (parser || JSON.parse)(rawValue); + return utils.trim(rawValue); + } catch (e) { + if (e.name !== 'SyntaxError') { + throw e; + } + } + } + + return (encoder || JSON.stringify)(rawValue); + } + + var defaults = { + transitional: { + silentJSONParsing: true, + forcedJSONParsing: true, + clarifyTimeoutError: false, + }, + + adapter: getDefaultAdapter(), + + transformRequest: [ + function transformRequest(data, headers) { + normalizeHeaderName(headers, 'Accept'); + normalizeHeaderName(headers, 'Content-Type'); + + if ( + utils.isFormData(data) || + utils.isArrayBuffer(data) || + utils.isBuffer(data) || + utils.isStream(data) || + utils.isFile(data) || + utils.isBlob(data) + ) { + return data; + } + if (utils.isArrayBufferView(data)) { + return data.buffer; + } + if (utils.isURLSearchParams(data)) { + setContentTypeIfUnset( + headers, + 'application/x-www-form-urlencoded;charset=utf-8' + ); + return data.toString(); + } + if ( + utils.isObject(data) || + (headers && + headers['Content-Type'] === + 'application/json') + ) { + setContentTypeIfUnset( + headers, + 'application/json' + ); + return stringifySafely(data); + } + return data; + }, + ], + + transformResponse: [ + function transformResponse(data) { + var transitional = this.transitional; + var silentJSONParsing = + transitional && transitional.silentJSONParsing; + var forcedJSONParsing = + transitional && transitional.forcedJSONParsing; + var strictJSONParsing = + !silentJSONParsing && + this.responseType === 'json'; + + if ( + strictJSONParsing || + (forcedJSONParsing && + utils.isString(data) && + data.length) + ) { + try { + return JSON.parse(data); + } catch (e) { + if (strictJSONParsing) { + if (e.name === 'SyntaxError') { + throw enhanceError( + e, + this, + 'E_JSON_PARSE' + ); + } + throw e; + } + } + } + + return data; + }, + ], + + /** + * A timeout in milliseconds to abort a request. If set to 0 (default) a + * timeout is not created. + */ + timeout: 0, + + xsrfCookieName: 'XSRF-TOKEN', + xsrfHeaderName: 'X-XSRF-TOKEN', + + maxContentLength: -1, + maxBodyLength: -1, + + validateStatus: function validateStatus(status) { + return status >= 200 && status < 300; + }, + }; + + defaults.headers = { + common: { + Accept: 'application/json, text/plain, */*', + }, + }; + + utils.forEach( + ['delete', 'get', 'head'], + function forEachMethodNoData(method) { + defaults.headers[method] = {}; + } + ); + + utils.forEach( + ['post', 'put', 'patch'], + function forEachMethodWithData(method) { + defaults.headers[method] = + utils.merge(DEFAULT_CONTENT_TYPE); + } + ); + + module.exports = defaults; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/bind.js': + /*!************************************************!*\ !*** ./node_modules/axios/lib/helpers/bind.js ***! \************************************************/ -/***/ (function(module) { - -"use strict"; - - -module.exports = function bind(fn, thisArg) { - return function wrap() { - var args = new Array(arguments.length); - for (var i = 0; i < args.length; i++) { - args[i] = arguments[i]; - } - return fn.apply(thisArg, args); - }; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/buildURL.js": -/*!****************************************************!*\ + /***/ function (module) { + 'use strict'; + + module.exports = function bind(fn, thisArg) { + return function wrap() { + var args = new Array(arguments.length); + for (var i = 0; i < args.length; i++) { + args[i] = arguments[i]; + } + return fn.apply(thisArg, args); + }; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/buildURL.js': + /*!****************************************************!*\ !*** ./node_modules/axios/lib/helpers/buildURL.js ***! \****************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); - -function encode(val) { - return encodeURIComponent(val). - replace(/%3A/gi, ':'). - replace(/%24/g, '$'). - replace(/%2C/gi, ','). - replace(/%20/g, '+'). - replace(/%5B/gi, '['). - replace(/%5D/gi, ']'); -} - -/** - * Build a URL by appending params to the end - * - * @param {string} url The base of the url (e.g., http://www.google.com) - * @param {object} [params] The params to be appended - * @returns {string} The formatted url - */ -module.exports = function buildURL(url, params, paramsSerializer) { - /*eslint no-param-reassign:0*/ - if (!params) { - return url; - } - - var serializedParams; - if (paramsSerializer) { - serializedParams = paramsSerializer(params); - } else if (utils.isURLSearchParams(params)) { - serializedParams = params.toString(); - } else { - var parts = []; - - utils.forEach(params, function serialize(val, key) { - if (val === null || typeof val === 'undefined') { - return; - } - - if (utils.isArray(val)) { - key = key + '[]'; - } else { - val = [val]; - } - - utils.forEach(val, function parseValue(v) { - if (utils.isDate(v)) { - v = v.toISOString(); - } else if (utils.isObject(v)) { - v = JSON.stringify(v); - } - parts.push(encode(key) + '=' + encode(v)); - }); - }); - - serializedParams = parts.join('&'); - } - - if (serializedParams) { - var hashmarkIndex = url.indexOf('#'); - if (hashmarkIndex !== -1) { - url = url.slice(0, hashmarkIndex); - } - - url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams; - } - - return url; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/combineURLs.js": -/*!*******************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + + function encode(val) { + return encodeURIComponent(val) + .replace(/%3A/gi, ':') + .replace(/%24/g, '$') + .replace(/%2C/gi, ',') + .replace(/%20/g, '+') + .replace(/%5B/gi, '[') + .replace(/%5D/gi, ']'); + } + + /** + * Build a URL by appending params to the end + * + * @param {string} url The base of the url (e.g., http://www.google.com) + * @param {object} [params] The params to be appended + * @returns {string} The formatted url + */ + module.exports = function buildURL( + url, + params, + paramsSerializer + ) { + /*eslint no-param-reassign:0*/ + if (!params) { + return url; + } + + var serializedParams; + if (paramsSerializer) { + serializedParams = paramsSerializer(params); + } else if (utils.isURLSearchParams(params)) { + serializedParams = params.toString(); + } else { + var parts = []; + + utils.forEach(params, function serialize(val, key) { + if (val === null || typeof val === 'undefined') { + return; + } + + if (utils.isArray(val)) { + key = key + '[]'; + } else { + val = [val]; + } + + utils.forEach(val, function parseValue(v) { + if (utils.isDate(v)) { + v = v.toISOString(); + } else if (utils.isObject(v)) { + v = JSON.stringify(v); + } + parts.push(encode(key) + '=' + encode(v)); + }); + }); + + serializedParams = parts.join('&'); + } + + if (serializedParams) { + var hashmarkIndex = url.indexOf('#'); + if (hashmarkIndex !== -1) { + url = url.slice(0, hashmarkIndex); + } + + url += + (url.indexOf('?') === -1 ? '?' : '&') + + serializedParams; + } + + return url; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/combineURLs.js': + /*!*******************************************************!*\ !*** ./node_modules/axios/lib/helpers/combineURLs.js ***! \*******************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * Creates a new URL by combining the specified URLs - * - * @param {string} baseURL The base URL - * @param {string} relativeURL The relative URL - * @returns {string} The combined URL - */ -module.exports = function combineURLs(baseURL, relativeURL) { - return relativeURL - ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '') - : baseURL; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/cookies.js": -/*!***************************************************!*\ + /***/ function (module) { + 'use strict'; + + /** + * Creates a new URL by combining the specified URLs + * + * @param {string} baseURL The base URL + * @param {string} relativeURL The relative URL + * @returns {string} The combined URL + */ + module.exports = function combineURLs(baseURL, relativeURL) { + return relativeURL + ? baseURL.replace(/\/+$/, '') + + '/' + + relativeURL.replace(/^\/+/, '') + : baseURL; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/cookies.js': + /*!***************************************************!*\ !*** ./node_modules/axios/lib/helpers/cookies.js ***! \***************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); - -module.exports = ( - utils.isStandardBrowserEnv() ? - - // Standard browser envs support document.cookie - (function standardBrowserEnv() { - return { - write: function write(name, value, expires, path, domain, secure) { - var cookie = []; - cookie.push(name + '=' + encodeURIComponent(value)); - - if (utils.isNumber(expires)) { - cookie.push('expires=' + new Date(expires).toGMTString()); - } - - if (utils.isString(path)) { - cookie.push('path=' + path); - } - - if (utils.isString(domain)) { - cookie.push('domain=' + domain); - } - - if (secure === true) { - cookie.push('secure'); - } - - document.cookie = cookie.join('; '); - }, - - read: function read(name) { - var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)')); - return (match ? decodeURIComponent(match[3]) : null); - }, - - remove: function remove(name) { - this.write(name, '', Date.now() - 86400000); - } - }; - })() : - - // Non standard browser env (web workers, react-native) lack needed support. - (function nonStandardBrowserEnv() { - return { - write: function write() {}, - read: function read() { return null; }, - remove: function remove() {} - }; - })() -); - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/isAbsoluteURL.js": -/*!*********************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + + module.exports = utils.isStandardBrowserEnv() + ? // Standard browser envs support document.cookie + (function standardBrowserEnv() { + return { + write: function write( + name, + value, + expires, + path, + domain, + secure + ) { + var cookie = []; + cookie.push( + name + '=' + encodeURIComponent(value) + ); + + if (utils.isNumber(expires)) { + cookie.push( + 'expires=' + + new Date(expires).toGMTString() + ); + } + + if (utils.isString(path)) { + cookie.push('path=' + path); + } + + if (utils.isString(domain)) { + cookie.push('domain=' + domain); + } + + if (secure === true) { + cookie.push('secure'); + } + + document.cookie = cookie.join('; '); + }, + + read: function read(name) { + var match = document.cookie.match( + new RegExp( + '(^|;\\s*)(' + name + ')=([^;]*)' + ) + ); + return match + ? decodeURIComponent(match[3]) + : null; + }, + + remove: function remove(name) { + this.write(name, '', Date.now() - 86400000); + }, + }; + })() + : // Non standard browser env (web workers, react-native) lack needed support. + (function nonStandardBrowserEnv() { + return { + write: function write() {}, + read: function read() { + return null; + }, + remove: function remove() {}, + }; + })(); + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/isAbsoluteURL.js': + /*!*********************************************************!*\ !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***! \*********************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * Determines whether the specified URL is absolute - * - * @param {string} url The URL to test - * @returns {boolean} True if the specified URL is absolute, otherwise false - */ -module.exports = function isAbsoluteURL(url) { - // A URL is considered absolute if it begins with "://" or "//" (protocol-relative URL). - // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed - // by any combination of letters, digits, plus, period, or hyphen. - return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/isAxiosError.js": -/*!********************************************************!*\ + /***/ function (module) { + 'use strict'; + + /** + * Determines whether the specified URL is absolute + * + * @param {string} url The URL to test + * @returns {boolean} True if the specified URL is absolute, otherwise false + */ + module.exports = function isAbsoluteURL(url) { + // A URL is considered absolute if it begins with "://" or "//" (protocol-relative URL). + // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed + // by any combination of letters, digits, plus, period, or hyphen. + return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/isAxiosError.js': + /*!********************************************************!*\ !*** ./node_modules/axios/lib/helpers/isAxiosError.js ***! \********************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * Determines whether the payload is an error thrown by Axios - * - * @param {*} payload The value to test - * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false - */ -module.exports = function isAxiosError(payload) { - return (typeof payload === 'object') && (payload.isAxiosError === true); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/isURLSameOrigin.js": -/*!***********************************************************!*\ + /***/ function (module) { + 'use strict'; + + /** + * Determines whether the payload is an error thrown by Axios + * + * @param {*} payload The value to test + * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false + */ + module.exports = function isAxiosError(payload) { + return ( + typeof payload === 'object' && + payload.isAxiosError === true + ); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/isURLSameOrigin.js': + /*!***********************************************************!*\ !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***! \***********************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); - -module.exports = ( - utils.isStandardBrowserEnv() ? - - // Standard browser envs have full support of the APIs needed to test - // whether the request URL is of the same origin as current location. - (function standardBrowserEnv() { - var msie = /(msie|trident)/i.test(navigator.userAgent); - var urlParsingNode = document.createElement('a'); - var originURL; - - /** - * Parse a URL to discover it's components - * - * @param {String} url The URL to be parsed - * @returns {Object} - */ - function resolveURL(url) { - var href = url; - - if (msie) { - // IE needs attribute set twice to normalize properties - urlParsingNode.setAttribute('href', href); - href = urlParsingNode.href; - } - - urlParsingNode.setAttribute('href', href); - - // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils - return { - href: urlParsingNode.href, - protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '', - host: urlParsingNode.host, - search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '', - hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '', - hostname: urlParsingNode.hostname, - port: urlParsingNode.port, - pathname: (urlParsingNode.pathname.charAt(0) === '/') ? - urlParsingNode.pathname : - '/' + urlParsingNode.pathname - }; - } - - originURL = resolveURL(window.location.href); - - /** - * Determine if a URL shares the same origin as the current location - * - * @param {String} requestURL The URL to test - * @returns {boolean} True if URL shares the same origin, otherwise false - */ - return function isURLSameOrigin(requestURL) { - var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL; - return (parsed.protocol === originURL.protocol && - parsed.host === originURL.host); - }; - })() : - - // Non standard browser envs (web workers, react-native) lack needed support. - (function nonStandardBrowserEnv() { - return function isURLSameOrigin() { - return true; - }; - })() -); - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/normalizeHeaderName.js": -/*!***************************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + + module.exports = utils.isStandardBrowserEnv() + ? // Standard browser envs have full support of the APIs needed to test + // whether the request URL is of the same origin as current location. + (function standardBrowserEnv() { + var msie = /(msie|trident)/i.test( + navigator.userAgent + ); + var urlParsingNode = document.createElement('a'); + var originURL; + + /** + * Parse a URL to discover it's components + * + * @param {String} url The URL to be parsed + * @returns {Object} + */ + function resolveURL(url) { + var href = url; + + if (msie) { + // IE needs attribute set twice to normalize properties + urlParsingNode.setAttribute('href', href); + href = urlParsingNode.href; + } + + urlParsingNode.setAttribute('href', href); + + // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils + return { + href: urlParsingNode.href, + protocol: urlParsingNode.protocol + ? urlParsingNode.protocol.replace( + /:$/, + '' + ) + : '', + host: urlParsingNode.host, + search: urlParsingNode.search + ? urlParsingNode.search.replace( + /^\?/, + '' + ) + : '', + hash: urlParsingNode.hash + ? urlParsingNode.hash.replace(/^#/, '') + : '', + hostname: urlParsingNode.hostname, + port: urlParsingNode.port, + pathname: + urlParsingNode.pathname.charAt(0) === + '/' + ? urlParsingNode.pathname + : '/' + urlParsingNode.pathname, + }; + } + + originURL = resolveURL(window.location.href); + + /** + * Determine if a URL shares the same origin as the current location + * + * @param {String} requestURL The URL to test + * @returns {boolean} True if URL shares the same origin, otherwise false + */ + return function isURLSameOrigin(requestURL) { + var parsed = utils.isString(requestURL) + ? resolveURL(requestURL) + : requestURL; + return ( + parsed.protocol === originURL.protocol && + parsed.host === originURL.host + ); + }; + })() + : // Non standard browser envs (web workers, react-native) lack needed support. + (function nonStandardBrowserEnv() { + return function isURLSameOrigin() { + return true; + }; + })(); + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/normalizeHeaderName.js': + /*!***************************************************************!*\ !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***! \***************************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ../utils */ "./node_modules/axios/lib/utils.js"); - -module.exports = function normalizeHeaderName(headers, normalizedName) { - utils.forEach(headers, function processHeader(value, name) { - if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) { - headers[normalizedName] = value; - delete headers[name]; - } - }); -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/parseHeaders.js": -/*!********************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ../utils */ './node_modules/axios/lib/utils.js' + ); + + module.exports = function normalizeHeaderName( + headers, + normalizedName + ) { + utils.forEach(headers, function processHeader(value, name) { + if ( + name !== normalizedName && + name.toUpperCase() === normalizedName.toUpperCase() + ) { + headers[normalizedName] = value; + delete headers[name]; + } + }); + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/parseHeaders.js': + /*!********************************************************!*\ !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***! \********************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var utils = __webpack_require__(/*! ./../utils */ "./node_modules/axios/lib/utils.js"); - -// Headers whose duplicates are ignored by node -// c.f. https://nodejs.org/api/http.html#http_message_headers -var ignoreDuplicateOf = [ - 'age', 'authorization', 'content-length', 'content-type', 'etag', - 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since', - 'last-modified', 'location', 'max-forwards', 'proxy-authorization', - 'referer', 'retry-after', 'user-agent' -]; - -/** - * Parse headers into an object - * - * ``` - * Date: Wed, 27 Aug 2014 08:58:49 GMT - * Content-Type: application/json - * Connection: keep-alive - * Transfer-Encoding: chunked - * ``` - * - * @param {String} headers Headers needing to be parsed - * @returns {Object} Headers parsed into an object - */ -module.exports = function parseHeaders(headers) { - var parsed = {}; - var key; - var val; - var i; - - if (!headers) { return parsed; } - - utils.forEach(headers.split('\n'), function parser(line) { - i = line.indexOf(':'); - key = utils.trim(line.substr(0, i)).toLowerCase(); - val = utils.trim(line.substr(i + 1)); - - if (key) { - if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) { - return; - } - if (key === 'set-cookie') { - parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]); - } else { - parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val; - } - } - }); - - return parsed; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/spread.js": -/*!**************************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/axios/lib/utils.js' + ); + + // Headers whose duplicates are ignored by node + // c.f. https://nodejs.org/api/http.html#http_message_headers + var ignoreDuplicateOf = [ + 'age', + 'authorization', + 'content-length', + 'content-type', + 'etag', + 'expires', + 'from', + 'host', + 'if-modified-since', + 'if-unmodified-since', + 'last-modified', + 'location', + 'max-forwards', + 'proxy-authorization', + 'referer', + 'retry-after', + 'user-agent', + ]; + + /** + * Parse headers into an object + * + * ``` + * Date: Wed, 27 Aug 2014 08:58:49 GMT + * Content-Type: application/json + * Connection: keep-alive + * Transfer-Encoding: chunked + * ``` + * + * @param {String} headers Headers needing to be parsed + * @returns {Object} Headers parsed into an object + */ + module.exports = function parseHeaders(headers) { + var parsed = {}; + var key; + var val; + var i; + + if (!headers) { + return parsed; + } + + utils.forEach(headers.split('\n'), function parser(line) { + i = line.indexOf(':'); + key = utils.trim(line.substr(0, i)).toLowerCase(); + val = utils.trim(line.substr(i + 1)); + + if (key) { + if ( + parsed[key] && + ignoreDuplicateOf.indexOf(key) >= 0 + ) { + return; + } + if (key === 'set-cookie') { + parsed[key] = ( + parsed[key] ? parsed[key] : [] + ).concat([val]); + } else { + parsed[key] = parsed[key] + ? parsed[key] + ', ' + val + : val; + } + } + }); + + return parsed; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/spread.js': + /*!**************************************************!*\ !*** ./node_modules/axios/lib/helpers/spread.js ***! \**************************************************/ -/***/ (function(module) { - -"use strict"; - - -/** - * Syntactic sugar for invoking a function and expanding an array for arguments. - * - * Common use case would be to use `Function.prototype.apply`. - * - * ```js - * function f(x, y, z) {} - * var args = [1, 2, 3]; - * f.apply(null, args); - * ``` - * - * With `spread` this example can be re-written. - * - * ```js - * spread(function(x, y, z) {})([1, 2, 3]); - * ``` - * - * @param {Function} callback - * @returns {Function} - */ -module.exports = function spread(callback) { - return function wrap(arr) { - return callback.apply(null, arr); - }; -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/helpers/validator.js": -/*!*****************************************************!*\ + /***/ function (module) { + 'use strict'; + + /** + * Syntactic sugar for invoking a function and expanding an array for arguments. + * + * Common use case would be to use `Function.prototype.apply`. + * + * ```js + * function f(x, y, z) {} + * var args = [1, 2, 3]; + * f.apply(null, args); + * ``` + * + * With `spread` this example can be re-written. + * + * ```js + * spread(function(x, y, z) {})([1, 2, 3]); + * ``` + * + * @param {Function} callback + * @returns {Function} + */ + module.exports = function spread(callback) { + return function wrap(arr) { + return callback.apply(null, arr); + }; + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/helpers/validator.js': + /*!*****************************************************!*\ !*** ./node_modules/axios/lib/helpers/validator.js ***! \*****************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var pkg = __webpack_require__(/*! ./../../package.json */ "./node_modules/axios/package.json"); - -var validators = {}; - -// eslint-disable-next-line func-names -['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach(function(type, i) { - validators[type] = function validator(thing) { - return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type; - }; -}); - -var deprecatedWarnings = {}; -var currentVerArr = pkg.version.split('.'); - -/** - * Compare package versions - * @param {string} version - * @param {string?} thanVersion - * @returns {boolean} - */ -function isOlderVersion(version, thanVersion) { - var pkgVersionArr = thanVersion ? thanVersion.split('.') : currentVerArr; - var destVer = version.split('.'); - for (var i = 0; i < 3; i++) { - if (pkgVersionArr[i] > destVer[i]) { - return true; - } else if (pkgVersionArr[i] < destVer[i]) { - return false; - } - } - return false; -} - -/** - * Transitional option validator - * @param {function|boolean?} validator - * @param {string?} version - * @param {string} message - * @returns {function} - */ -validators.transitional = function transitional(validator, version, message) { - var isDeprecated = version && isOlderVersion(version); - - function formatMessage(opt, desc) { - return '[Axios v' + pkg.version + '] Transitional option \'' + opt + '\'' + desc + (message ? '. ' + message : ''); - } - - // eslint-disable-next-line func-names - return function(value, opt, opts) { - if (validator === false) { - throw new Error(formatMessage(opt, ' has been removed in ' + version)); - } - - if (isDeprecated && !deprecatedWarnings[opt]) { - deprecatedWarnings[opt] = true; - // eslint-disable-next-line no-console - console.warn( - formatMessage( - opt, - ' has been deprecated since v' + version + ' and will be removed in the near future' - ) - ); - } - - return validator ? validator(value, opt, opts) : true; - }; -}; - -/** - * Assert object's properties type - * @param {object} options - * @param {object} schema - * @param {boolean?} allowUnknown - */ - -function assertOptions(options, schema, allowUnknown) { - if (typeof options !== 'object') { - throw new TypeError('options must be an object'); - } - var keys = Object.keys(options); - var i = keys.length; - while (i-- > 0) { - var opt = keys[i]; - var validator = schema[opt]; - if (validator) { - var value = options[opt]; - var result = value === undefined || validator(value, opt, options); - if (result !== true) { - throw new TypeError('option ' + opt + ' must be ' + result); - } - continue; - } - if (allowUnknown !== true) { - throw Error('Unknown option ' + opt); - } - } -} - -module.exports = { - isOlderVersion: isOlderVersion, - assertOptions: assertOptions, - validators: validators -}; - - -/***/ }), - -/***/ "./node_modules/axios/lib/utils.js": -/*!*****************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var pkg = __webpack_require__( + /*! ./../../package.json */ './node_modules/axios/package.json' + ); + + var validators = {}; + + // eslint-disable-next-line func-names + [ + 'object', + 'boolean', + 'number', + 'function', + 'string', + 'symbol', + ].forEach(function (type, i) { + validators[type] = function validator(thing) { + return ( + typeof thing === type || + 'a' + (i < 1 ? 'n ' : ' ') + type + ); + }; + }); + + var deprecatedWarnings = {}; + var currentVerArr = pkg.version.split('.'); + + /** + * Compare package versions + * @param {string} version + * @param {string?} thanVersion + * @returns {boolean} + */ + function isOlderVersion(version, thanVersion) { + var pkgVersionArr = thanVersion + ? thanVersion.split('.') + : currentVerArr; + var destVer = version.split('.'); + for (var i = 0; i < 3; i++) { + if (pkgVersionArr[i] > destVer[i]) { + return true; + } else if (pkgVersionArr[i] < destVer[i]) { + return false; + } + } + return false; + } + + /** + * Transitional option validator + * @param {function|boolean?} validator + * @param {string?} version + * @param {string} message + * @returns {function} + */ + validators.transitional = function transitional( + validator, + version, + message + ) { + var isDeprecated = version && isOlderVersion(version); + + function formatMessage(opt, desc) { + return ( + '[Axios v' + + pkg.version + + "] Transitional option '" + + opt + + "'" + + desc + + (message ? '. ' + message : '') + ); + } + + // eslint-disable-next-line func-names + return function (value, opt, opts) { + if (validator === false) { + throw new Error( + formatMessage( + opt, + ' has been removed in ' + version + ) + ); + } + + if (isDeprecated && !deprecatedWarnings[opt]) { + deprecatedWarnings[opt] = true; + // eslint-disable-next-line no-console + console.warn( + formatMessage( + opt, + ' has been deprecated since v' + + version + + ' and will be removed in the near future' + ) + ); + } + + return validator ? validator(value, opt, opts) : true; + }; + }; + + /** + * Assert object's properties type + * @param {object} options + * @param {object} schema + * @param {boolean?} allowUnknown + */ + + function assertOptions(options, schema, allowUnknown) { + if (typeof options !== 'object') { + throw new TypeError('options must be an object'); + } + var keys = Object.keys(options); + var i = keys.length; + while (i-- > 0) { + var opt = keys[i]; + var validator = schema[opt]; + if (validator) { + var value = options[opt]; + var result = + value === undefined || + validator(value, opt, options); + if (result !== true) { + throw new TypeError( + 'option ' + opt + ' must be ' + result + ); + } + continue; + } + if (allowUnknown !== true) { + throw Error('Unknown option ' + opt); + } + } + } + + module.exports = { + isOlderVersion: isOlderVersion, + assertOptions: assertOptions, + validators: validators, + }; + + /***/ + }, + + /***/ './node_modules/axios/lib/utils.js': + /*!*****************************************!*\ !*** ./node_modules/axios/lib/utils.js ***! \*****************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; - - -var bind = __webpack_require__(/*! ./helpers/bind */ "./node_modules/axios/lib/helpers/bind.js"); - -// utils is a library of generic helper functions non-specific to axios - -var toString = Object.prototype.toString; - -/** - * Determine if a value is an Array - * - * @param {Object} val The value to test - * @returns {boolean} True if value is an Array, otherwise false - */ -function isArray(val) { - return toString.call(val) === '[object Array]'; -} - -/** - * Determine if a value is undefined - * - * @param {Object} val The value to test - * @returns {boolean} True if the value is undefined, otherwise false - */ -function isUndefined(val) { - return typeof val === 'undefined'; -} - -/** - * Determine if a value is a Buffer - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Buffer, otherwise false - */ -function isBuffer(val) { - return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) - && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val); -} - -/** - * Determine if a value is an ArrayBuffer - * - * @param {Object} val The value to test - * @returns {boolean} True if value is an ArrayBuffer, otherwise false - */ -function isArrayBuffer(val) { - return toString.call(val) === '[object ArrayBuffer]'; -} - -/** - * Determine if a value is a FormData - * - * @param {Object} val The value to test - * @returns {boolean} True if value is an FormData, otherwise false - */ -function isFormData(val) { - return (typeof FormData !== 'undefined') && (val instanceof FormData); -} - -/** - * Determine if a value is a view on an ArrayBuffer - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false - */ -function isArrayBufferView(val) { - var result; - if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) { - result = ArrayBuffer.isView(val); - } else { - result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer); - } - return result; -} - -/** - * Determine if a value is a String - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a String, otherwise false - */ -function isString(val) { - return typeof val === 'string'; -} - -/** - * Determine if a value is a Number - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Number, otherwise false - */ -function isNumber(val) { - return typeof val === 'number'; -} - -/** - * Determine if a value is an Object - * - * @param {Object} val The value to test - * @returns {boolean} True if value is an Object, otherwise false - */ -function isObject(val) { - return val !== null && typeof val === 'object'; -} - -/** - * Determine if a value is a plain Object - * - * @param {Object} val The value to test - * @return {boolean} True if value is a plain Object, otherwise false - */ -function isPlainObject(val) { - if (toString.call(val) !== '[object Object]') { - return false; - } - - var prototype = Object.getPrototypeOf(val); - return prototype === null || prototype === Object.prototype; -} - -/** - * Determine if a value is a Date - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Date, otherwise false - */ -function isDate(val) { - return toString.call(val) === '[object Date]'; -} - -/** - * Determine if a value is a File - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a File, otherwise false - */ -function isFile(val) { - return toString.call(val) === '[object File]'; -} - -/** - * Determine if a value is a Blob - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Blob, otherwise false - */ -function isBlob(val) { - return toString.call(val) === '[object Blob]'; -} - -/** - * Determine if a value is a Function - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Function, otherwise false - */ -function isFunction(val) { - return toString.call(val) === '[object Function]'; -} - -/** - * Determine if a value is a Stream - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a Stream, otherwise false - */ -function isStream(val) { - return isObject(val) && isFunction(val.pipe); -} - -/** - * Determine if a value is a URLSearchParams object - * - * @param {Object} val The value to test - * @returns {boolean} True if value is a URLSearchParams object, otherwise false - */ -function isURLSearchParams(val) { - return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams; -} - -/** - * Trim excess whitespace off the beginning and end of a string - * - * @param {String} str The String to trim - * @returns {String} The String freed of excess whitespace - */ -function trim(str) { - return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, ''); -} - -/** - * Determine if we're running in a standard browser environment - * - * This allows axios to run in a web worker, and react-native. - * Both environments support XMLHttpRequest, but not fully standard globals. - * - * web workers: - * typeof window -> undefined - * typeof document -> undefined - * - * react-native: - * navigator.product -> 'ReactNative' - * nativescript - * navigator.product -> 'NativeScript' or 'NS' - */ -function isStandardBrowserEnv() { - if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' || - navigator.product === 'NativeScript' || - navigator.product === 'NS')) { - return false; - } - return ( - typeof window !== 'undefined' && - typeof document !== 'undefined' - ); -} - -/** - * Iterate over an Array or an Object invoking a function for each item. - * - * If `obj` is an Array callback will be called passing - * the value, index, and complete array for each item. - * - * If 'obj' is an Object callback will be called passing - * the value, key, and complete object for each property. - * - * @param {Object|Array} obj The object to iterate - * @param {Function} fn The callback to invoke for each item - */ -function forEach(obj, fn) { - // Don't bother if no value provided - if (obj === null || typeof obj === 'undefined') { - return; - } - - // Force an array if not already something iterable - if (typeof obj !== 'object') { - /*eslint no-param-reassign:0*/ - obj = [obj]; - } - - if (isArray(obj)) { - // Iterate over array values - for (var i = 0, l = obj.length; i < l; i++) { - fn.call(null, obj[i], i, obj); - } - } else { - // Iterate over object keys - for (var key in obj) { - if (Object.prototype.hasOwnProperty.call(obj, key)) { - fn.call(null, obj[key], key, obj); - } - } - } -} - -/** - * Accepts varargs expecting each argument to be an object, then - * immutably merges the properties of each object and returns result. - * - * When multiple objects contain the same key the later object in - * the arguments list will take precedence. - * - * Example: - * - * ```js - * var result = merge({foo: 123}, {foo: 456}); - * console.log(result.foo); // outputs 456 - * ``` - * - * @param {Object} obj1 Object to merge - * @returns {Object} Result of all merge properties - */ -function merge(/* obj1, obj2, obj3, ... */) { - var result = {}; - function assignValue(val, key) { - if (isPlainObject(result[key]) && isPlainObject(val)) { - result[key] = merge(result[key], val); - } else if (isPlainObject(val)) { - result[key] = merge({}, val); - } else if (isArray(val)) { - result[key] = val.slice(); - } else { - result[key] = val; - } - } - - for (var i = 0, l = arguments.length; i < l; i++) { - forEach(arguments[i], assignValue); - } - return result; -} - -/** - * Extends object a by mutably adding to it the properties of object b. - * - * @param {Object} a The object to be extended - * @param {Object} b The object to copy properties from - * @param {Object} thisArg The object to bind function to - * @return {Object} The resulting value of object a - */ -function extend(a, b, thisArg) { - forEach(b, function assignValue(val, key) { - if (thisArg && typeof val === 'function') { - a[key] = bind(val, thisArg); - } else { - a[key] = val; - } - }); - return a; -} - -/** - * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM) - * - * @param {string} content with BOM - * @return {string} content value without BOM - */ -function stripBOM(content) { - if (content.charCodeAt(0) === 0xFEFF) { - content = content.slice(1); - } - return content; -} - -module.exports = { - isArray: isArray, - isArrayBuffer: isArrayBuffer, - isBuffer: isBuffer, - isFormData: isFormData, - isArrayBufferView: isArrayBufferView, - isString: isString, - isNumber: isNumber, - isObject: isObject, - isPlainObject: isPlainObject, - isUndefined: isUndefined, - isDate: isDate, - isFile: isFile, - isBlob: isBlob, - isFunction: isFunction, - isStream: isStream, - isURLSearchParams: isURLSearchParams, - isStandardBrowserEnv: isStandardBrowserEnv, - forEach: forEach, - merge: merge, - extend: extend, - trim: trim, - stripBOM: stripBOM -}; - - -/***/ }), - -/***/ "./node_modules/axios/package.json": -/*!*****************************************!*\ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var bind = __webpack_require__( + /*! ./helpers/bind */ './node_modules/axios/lib/helpers/bind.js' + ); + + // utils is a library of generic helper functions non-specific to axios + + var toString = Object.prototype.toString; + + /** + * Determine if a value is an Array + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an Array, otherwise false + */ + function isArray(val) { + return toString.call(val) === '[object Array]'; + } + + /** + * Determine if a value is undefined + * + * @param {Object} val The value to test + * @returns {boolean} True if the value is undefined, otherwise false + */ + function isUndefined(val) { + return typeof val === 'undefined'; + } + + /** + * Determine if a value is a Buffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Buffer, otherwise false + */ + function isBuffer(val) { + return ( + val !== null && + !isUndefined(val) && + val.constructor !== null && + !isUndefined(val.constructor) && + typeof val.constructor.isBuffer === 'function' && + val.constructor.isBuffer(val) + ); + } + + /** + * Determine if a value is an ArrayBuffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an ArrayBuffer, otherwise false + */ + function isArrayBuffer(val) { + return toString.call(val) === '[object ArrayBuffer]'; + } + + /** + * Determine if a value is a FormData + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an FormData, otherwise false + */ + function isFormData(val) { + return ( + typeof FormData !== 'undefined' && + val instanceof FormData + ); + } + + /** + * Determine if a value is a view on an ArrayBuffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false + */ + function isArrayBufferView(val) { + var result; + if ( + typeof ArrayBuffer !== 'undefined' && + ArrayBuffer.isView + ) { + result = ArrayBuffer.isView(val); + } else { + result = + val && + val.buffer && + val.buffer instanceof ArrayBuffer; + } + return result; + } + + /** + * Determine if a value is a String + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a String, otherwise false + */ + function isString(val) { + return typeof val === 'string'; + } + + /** + * Determine if a value is a Number + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Number, otherwise false + */ + function isNumber(val) { + return typeof val === 'number'; + } + + /** + * Determine if a value is an Object + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an Object, otherwise false + */ + function isObject(val) { + return val !== null && typeof val === 'object'; + } + + /** + * Determine if a value is a plain Object + * + * @param {Object} val The value to test + * @return {boolean} True if value is a plain Object, otherwise false + */ + function isPlainObject(val) { + if (toString.call(val) !== '[object Object]') { + return false; + } + + var prototype = Object.getPrototypeOf(val); + return prototype === null || prototype === Object.prototype; + } + + /** + * Determine if a value is a Date + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Date, otherwise false + */ + function isDate(val) { + return toString.call(val) === '[object Date]'; + } + + /** + * Determine if a value is a File + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a File, otherwise false + */ + function isFile(val) { + return toString.call(val) === '[object File]'; + } + + /** + * Determine if a value is a Blob + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Blob, otherwise false + */ + function isBlob(val) { + return toString.call(val) === '[object Blob]'; + } + + /** + * Determine if a value is a Function + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Function, otherwise false + */ + function isFunction(val) { + return toString.call(val) === '[object Function]'; + } + + /** + * Determine if a value is a Stream + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Stream, otherwise false + */ + function isStream(val) { + return isObject(val) && isFunction(val.pipe); + } + + /** + * Determine if a value is a URLSearchParams object + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a URLSearchParams object, otherwise false + */ + function isURLSearchParams(val) { + return ( + typeof URLSearchParams !== 'undefined' && + val instanceof URLSearchParams + ); + } + + /** + * Trim excess whitespace off the beginning and end of a string + * + * @param {String} str The String to trim + * @returns {String} The String freed of excess whitespace + */ + function trim(str) { + return str.trim + ? str.trim() + : str.replace(/^\s+|\s+$/g, ''); + } + + /** + * Determine if we're running in a standard browser environment + * + * This allows axios to run in a web worker, and react-native. + * Both environments support XMLHttpRequest, but not fully standard globals. + * + * web workers: + * typeof window -> undefined + * typeof document -> undefined + * + * react-native: + * navigator.product -> 'ReactNative' + * nativescript + * navigator.product -> 'NativeScript' or 'NS' + */ + function isStandardBrowserEnv() { + if ( + typeof navigator !== 'undefined' && + (navigator.product === 'ReactNative' || + navigator.product === 'NativeScript' || + navigator.product === 'NS') + ) { + return false; + } + return ( + typeof window !== 'undefined' && + typeof document !== 'undefined' + ); + } + + /** + * Iterate over an Array or an Object invoking a function for each item. + * + * If `obj` is an Array callback will be called passing + * the value, index, and complete array for each item. + * + * If 'obj' is an Object callback will be called passing + * the value, key, and complete object for each property. + * + * @param {Object|Array} obj The object to iterate + * @param {Function} fn The callback to invoke for each item + */ + function forEach(obj, fn) { + // Don't bother if no value provided + if (obj === null || typeof obj === 'undefined') { + return; + } + + // Force an array if not already something iterable + if (typeof obj !== 'object') { + /*eslint no-param-reassign:0*/ + obj = [obj]; + } + + if (isArray(obj)) { + // Iterate over array values + for (var i = 0, l = obj.length; i < l; i++) { + fn.call(null, obj[i], i, obj); + } + } else { + // Iterate over object keys + for (var key in obj) { + if ( + Object.prototype.hasOwnProperty.call(obj, key) + ) { + fn.call(null, obj[key], key, obj); + } + } + } + } + + /** + * Accepts varargs expecting each argument to be an object, then + * immutably merges the properties of each object and returns result. + * + * When multiple objects contain the same key the later object in + * the arguments list will take precedence. + * + * Example: + * + * ```js + * var result = merge({foo: 123}, {foo: 456}); + * console.log(result.foo); // outputs 456 + * ``` + * + * @param {Object} obj1 Object to merge + * @returns {Object} Result of all merge properties + */ + function merge(/* obj1, obj2, obj3, ... */) { + var result = {}; + function assignValue(val, key) { + if (isPlainObject(result[key]) && isPlainObject(val)) { + result[key] = merge(result[key], val); + } else if (isPlainObject(val)) { + result[key] = merge({}, val); + } else if (isArray(val)) { + result[key] = val.slice(); + } else { + result[key] = val; + } + } + + for (var i = 0, l = arguments.length; i < l; i++) { + forEach(arguments[i], assignValue); + } + return result; + } + + /** + * Extends object a by mutably adding to it the properties of object b. + * + * @param {Object} a The object to be extended + * @param {Object} b The object to copy properties from + * @param {Object} thisArg The object to bind function to + * @return {Object} The resulting value of object a + */ + function extend(a, b, thisArg) { + forEach(b, function assignValue(val, key) { + if (thisArg && typeof val === 'function') { + a[key] = bind(val, thisArg); + } else { + a[key] = val; + } + }); + return a; + } + + /** + * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM) + * + * @param {string} content with BOM + * @return {string} content value without BOM + */ + function stripBOM(content) { + if (content.charCodeAt(0) === 0xfeff) { + content = content.slice(1); + } + return content; + } + + module.exports = { + isArray: isArray, + isArrayBuffer: isArrayBuffer, + isBuffer: isBuffer, + isFormData: isFormData, + isArrayBufferView: isArrayBufferView, + isString: isString, + isNumber: isNumber, + isObject: isObject, + isPlainObject: isPlainObject, + isUndefined: isUndefined, + isDate: isDate, + isFile: isFile, + isBlob: isBlob, + isFunction: isFunction, + isStream: isStream, + isURLSearchParams: isURLSearchParams, + isStandardBrowserEnv: isStandardBrowserEnv, + forEach: forEach, + merge: merge, + extend: extend, + trim: trim, + stripBOM: stripBOM, + }; + + /***/ + }, + + /***/ './node_modules/axios/package.json': + /*!*****************************************!*\ !*** ./node_modules/axios/package.json ***! \*****************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = /*#__PURE__*/JSON.parse('{"name":"axios","version":"0.21.4","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://axios-http.com","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"jsdelivr":"dist/axios.min.js","unpkg":"dist/axios.min.js","typings":"./index.d.ts","dependencies":{"follow-redirects":"^1.14.0"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}'); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function (module) { + 'use strict'; + module.exports = /*#__PURE__*/ JSON.parse( + '{"name":"axios","version":"0.21.4","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://axios-http.com","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"jsdelivr":"dist/axios.min.js","unpkg":"dist/axios.min.js","typings":"./index.d.ts","dependencies":{"follow-redirects":"^1.14.0"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}' + ); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/admin/multi-directory-archive.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/delete-directory-modal */ "./assets/src/js/admin/components/delete-directory-modal.js"); -/* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/directory-migration-modal */ "./assets/src/js/admin/components/directory-migration-modal.js"); -/* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/import-directory-modal */ "./assets/src/js/admin/components/import-directory-modal.js"); -/* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__); -// Scrips - - - -var $ = jQuery; -var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/index.js")["default"]); -window.addEventListener('load', function () { - // Migration Link - $('.directorist_directory_template_library').on('click', function (e) { - e.preventDefault(); - var self = this; - // Add 'disabled' class to all siblings with the specific class and also to self - $(self).siblings('.cptm-create-directory-modal__action__single').addBack().addClass('disabled'); - $('.cptm-create-directory-modal__action').after("Installing Templatiq, Please wait.."); - var form_data = new FormData(); - form_data.append('action', 'directorist_directory_type_library'); - form_data.append('directorist_nonce', directorist_admin.directorist_nonce); - - // Response Success Callback - var responseSuccessCallback = function responseSuccessCallback(response) { - var _response$data; - if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.success) { - var _response$data$messag, _response$data2; - var msg = (_response$data$messag = response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) !== null && _response$data$messag !== void 0 ? _response$data$messag : 'Imported successfully!'; - $('.directorist_template_notice').addClass('cptm-section-alert-success').text(msg); - location.reload(); - return; - } - responseFieldCallback(response); - }; - - // Response Error Callback - var responseFieldCallback = function responseFieldCallback(response) { - var _response$data$messag2, _response$data3; - // Remove 'disabled' class from all siblings and self in case of failure - $(self).siblings('.cptm-create-directory-modal__action__single').addBack().removeClass('disabled'); - var msg = (_response$data$messag2 = response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.message) !== null && _response$data$messag2 !== void 0 ? _response$data$messag2 : 'Something went wrong please try again'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - }; - - // Send Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - responseSuccessCallback(response); - }).catch(function (response) { - responseFieldCallback(response); - }); - }); - - // Show the form when the '.directorist-ai-directory-creation' element is clicked - $('.directorist-ai-directory-creation').on('click', function (e) { - e.preventDefault(); - - // Prepare form data for the request - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_form'); - - // Send the request using Axios - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - var _response$data4; - if (response !== null && response !== void 0 && (_response$data4 = response.data) !== null && _response$data4 !== void 0 && _response$data4.success) { - var _response$data5; - // Replace the content inside '#wpbody' with the response HTML - $('#wpbody').empty().html(response === null || response === void 0 || (_response$data5 = response.data) === null || _response$data5 === void 0 || (_response$data5 = _response$data5.data) === null || _response$data5 === void 0 ? void 0 : _response$data5.form); - - // Initialize Step Contents - initialStepContents(); - } else { - console.log(response.data); - } - }).catch(function (response) { - console.log(response.data); - }); - }); -}); -var totalStep = 3; -var currentStep = 1; -var directoryTitle = ''; -var directoryLocation = ''; -var directoryType = ''; -var directoryPrompt = 'I want to create a car directory'; -var maxPromptLength = 200; -var directoryKeywords = []; -var directoryFields = []; -var directoryPinnedFields = []; -var creationCompleted = false; - -// Update Step Title -function updateStepTitle(title) { - $('.directorist-create-directory__info__title').html(title); -} - -// Update Step Description -function updateStepDescription(desc) { - $('.directorist-create-directory__info__desc').html(desc); -} - -// Update Button Text -function updateButtonText(text) { - $('.directorist_generate_ai_directory .directorist_generate_ai_directory__text').html(text); -} - -// Update Directory Prompt -function updatePrompt() { - directoryPrompt = "I want to create a ".concat(directoryType, " directory").concat(directoryLocation ? " in ".concat(directoryLocation) : ''); - $('#directorist-ai-prompt').val(directoryPrompt); - $('#directorist-ai-prompt').siblings('.character-count').find('.current-count').text(directoryPrompt.length); - if (directoryType) { - handleCreateButtonEnable(); - } else { - handleCreateButtonDisable(); - } -} - -// Function to initialize Keyword Selected -function initializeKeyword() { - var tagList = []; // Internal list for selected keywords - var maxFreeTags = 5; // Max item limit for all users - - var tagListElem = document.getElementById('directorist-box__tagList'); - var newTagElem = document.getElementById('directorist-box__newTag'); - var recommendedTagsElem = document.getElementById('directorist-recommendedTags'); - var recommendedTags = Array.from(recommendedTagsElem.getElementsByTagName('li')); - var tagLimitMsgElem = document.getElementById('directorist-tagLimitMsg'); - var tagCountElem = document.getElementById('directorist-tagCount'); - var canAddMoreTags = function canAddMoreTags() { - return tagList.length < maxFreeTags; - }; - - // Update the global keywords list - var updateDirectoryKeywords = function updateDirectoryKeywords() { - directoryKeywords = [].concat(tagList); // Sync global keywords - }; - - // Update the tag count and recommended tags state - var updateTagCount = function updateTagCount() { - tagCountElem.textContent = "".concat(tagList.length, "/").concat(maxFreeTags); - tagLimitMsgElem.style.display = 'flex'; - recommendedTagsElem.classList.toggle('recommend-disable', !canAddMoreTags()); - }; - - // Update the recommended tags state based on the selected tags - var updateRecommendedTagsState = function updateRecommendedTagsState() { - recommendedTags.forEach(function (tagElem) { - var tagText = tagElem.textContent.trim(); - tagElem.classList.toggle('disabled', tagList.includes(tagText)); - }); - }; - - // Render the tag list - var renderTagList = function renderTagList() { - tagListElem.innerHTML = tagList.map(function (tag) { - return "
  • ".concat(tag, " ×
    • "); - }).join(''); - tagListElem.appendChild(newTagElem.parentNode || document.createElement('li').appendChild(newTagElem)); - updateRecommendedTagsState(); - updateTagCount(); - updateDirectoryKeywords(); - }; - - // Add a new tag to the list - var addTag = function addTag(tag) { - if (tag && !tagList.includes(tag) && canAddMoreTags()) { - tagList.push(tag); - renderTagList(); - } - }; - - // Remove a tag from the list - var removeTag = function removeTag(index) { - if (index !== -1) { - tagList.splice(index, 1); - renderTagList(); - } - }; - - // Event listener for adding tags via input - newTagElem.addEventListener('keyup', function (e) { - if (e.key === 'Enter') { - var newTag = newTagElem.value.trim(); - addTag(newTag); - newTagElem.value = ''; - } - }); - - // Event delegation for removing tags - tagListElem.addEventListener('click', function (e) { - if (e.target.classList.contains('directorist-rmTag')) { - var index = Array.from(tagListElem.children).indexOf(e.target.parentElement); - removeTag(index); - } - }); - - // Event listener for adding recommended tags - recommendedTagsElem.addEventListener('click', function (e) { - if (e.target.tagName === 'LI' && !e.target.classList.contains('disabled')) { - addTag(e.target.textContent.trim()); - } - }); - - // Initialize the tag management interface - renderTagList(); -} - -// Function to initialize Progress bar -function initializeProgressBar(finalProgress) { - if (finalProgress) { - $('#directorist-create-directory__generating .directory-img #directory-img__generating').hide(); - $('#directorist-create-directory__generating .directory-img #directory-img__building').show(); - $('#directory-generate-btn__content__text').html('Generating directory...'); - } else { - $('#directorist-create-directory__generating .directory-img #directory-img__generating').show(); - $('#directorist-create-directory__generating .directory-img #directory-img__building').hide(); - } - var generateBtnWrapper = document.querySelector('.directory-generate-btn__wrapper'); - var btnPercentage = document.querySelector('.directory-generate-btn__percentage'); - var progressBar = document.querySelector('.directory-generate-btn--bg'); - if (generateBtnWrapper) { - var finalWidth = generateBtnWrapper.getAttribute('data-width'); - var currentWidth = 0; - var intervalDuration = 20; // Interval time in milliseconds - var increment = finalWidth / (2000 / intervalDuration); - - // Update the progress bar width - var updateProgress = function updateProgress() { - if (creationCompleted) { - progressBar.style.width = "".concat(finalWidth, "%"); - btnPercentage.textContent = ''; - $('#directory-generate-btn__content__text').html('Generated Successfully'); - if (typeof updateProgressList === 'function') { - updateProgressList(finalWidth); - } - clearInterval(progressInterval); - return; - } else if (currentWidth <= finalWidth) { - btnPercentage.textContent = "".concat(currentWidth, "%"); - progressBar.style.width = "".concat(currentWidth, "%"); - if (typeof updateProgressList === 'function') { - updateProgressList(currentWidth); - } - currentWidth += increment; - } else { - if (!finalProgress) { - setTimeout(function () { - progressBar.style.width = '0'; - }, 3000); - } - clearInterval(progressInterval); - } - }; - var progressInterval = setInterval(updateProgress, intervalDuration); - } - var steps = document.querySelectorAll('.directory-generate-progress-list li'); - - // Update the progress list based on the current progress - var updateProgressList = function updateProgressList(progress) { - if (steps.length > 0) { - steps.forEach(function (step, index) { - var stepNumber = index + 1; - var stepThreshold = stepNumber * (100 / steps.length); - if (progress >= stepThreshold) { - step.setAttribute('data-type', 'completed'); - step.querySelector('.completed-icon').style.display = 'block'; - step.querySelector('.progress-icon').style.display = 'none'; - step.querySelector('.default-icon').style.display = 'none'; - } else if (progress < stepThreshold && progress >= stepThreshold - 100 / steps.length) { - step.setAttribute('data-type', 'progress'); - step.querySelector('.completed-icon').style.display = 'none'; - step.querySelector('.progress-icon').style.display = 'block'; - step.querySelector('.default-icon').style.display = 'none'; - } else { - step.setAttribute('data-type', 'default'); - step.querySelector('.completed-icon').style.display = 'none'; - step.querySelector('.progress-icon').style.display = 'none'; - step.querySelector('.default-icon').style.display = 'block'; - } - }); - } - }; -} - -//Function to initialize Dropdown -function initializeDropdownField() { - var dropdowns = document.querySelectorAll('.directorist-ai-generate-dropdown'); - var accordion = true; - $('#directorist-create-directory__ai-fields .fields-count').html(dropdowns.length); - var pinnedIconSVG = "\n \n \n \n \n "; - var unpinnedIconSVG = "\n \n \n \n "; - - // Initialize each dropdown - dropdowns.forEach(function (dropdown) { - var header = dropdown.querySelector('.directorist-ai-generate-dropdown__header.has-options'); - var content = dropdown.querySelector('.directorist-ai-generate-dropdown__content'); - var icon = dropdown.querySelector('.directorist-ai-generate-dropdown__header-icon'); - var pinIcon = dropdown.querySelector('.directorist-ai-generate-dropdown__pin-icon'); - var dropdownItem = dropdown.closest('.directorist-ai-generate-box__item'); - - // Pin Field - pinIcon.addEventListener('click', function (event) { - event.stopPropagation(); - if (dropdownItem.classList.contains('pinned')) { - dropdownItem.classList.remove('pinned'); - dropdownItem.classList.add('unpinned'); - - // Change to pinned SVG - pinIcon.innerHTML = unpinnedIconSVG; - } else { - dropdownItem.classList.remove('unpinned'); - dropdownItem.classList.add('pinned'); - - // Change to pinned SVG - pinIcon.innerHTML = pinnedIconSVG; - } - - // Find all pinned items - directoryPinnedFields = findAllPinnedItems(); - }); - - // Toggle the dropdown content - header && header.addEventListener('click', function (event) { - if (event.target === pinIcon || pinIcon.contains(event.target)) { - return; - } - var isExpanded = content && content.classList.toggle('directorist-ai-generate-dropdown__content--expanded'); - dropdown.setAttribute('aria-expanded', isExpanded); - content.setAttribute('aria-expanded', isExpanded); - icon.classList.toggle('rotate', isExpanded); - if (accordion) { - dropdowns.forEach(function (otherDropdown) { - if (otherDropdown !== dropdown) { - var otherContent = otherDropdown.querySelector('.directorist-ai-generate-dropdown__content'); - var otherIcon = otherDropdown.querySelector('.directorist-ai-generate-dropdown__header-icon'); - otherDropdown.setAttribute('aria-expanded', false); - if (otherContent) { - otherContent.classList.remove('directorist-ai-generate-dropdown__content--expanded'); - otherContent.setAttribute('aria-expanded', false); - } - if (otherIcon) { - otherIcon.classList.remove('rotate'); - } - } - }); - } - }); - }); - - // Function to find all pinned items - function findAllPinnedItems() { - var pinnedElements = document.querySelectorAll('.directorist-ai-generate-box__item.pinned'); - if (pinnedElements.length > 0) { - var titles = Array.from(pinnedElements).flatMap(function (pinnedElement) { - return Array.from(pinnedElement.querySelectorAll('.directorist-ai-generate-dropdown__title-main h6')).map(function (item) { - return item.innerText; - }); - }); - return titles; // Return the array of titles - } - return []; - } -} - -// Function to handle back button -function handleBackButton() { - currentStep = 1; - // Back to initial step - initialStepContents(); -} - -// handle back btn -$('body').on('click', '.directorist-create-directory__back__btn', function (e) { - e.preventDefault(); - handleBackButton(); -}); - -// Enable Submit Button -function handleCreateButtonEnable() { - $('.directorist_generate_ai_directory').removeClass('disabled'); -} - -// Disable Submit Button -function handleCreateButtonDisable() { - $('.directorist_generate_ai_directory').addClass('disabled'); -} - -// Initial Step Contents -function initialStepContents() { - // Hide all steps except the first one initially - $('#directorist-create-directory__creating').hide(); - $('#directorist-create-directory__ai-fields').hide(); - $('#directorist-create-directory__generating').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__back__btn').addClass('disabled'); - $('.directorist-create-directory__content__items[data-step="1"]').show(); - $('.directorist-create-directory__step .step-count .total-step').html(totalStep); - $('.directorist-create-directory__step .step-count .current-step').html(1); - $('#directorist-ai-prompt').siblings('.character-count').find('.max-count').text(maxPromptLength); - var $directoryName = $('.directorist-create-directory__content__input[name="directory-name"]'); - var $directoryLocation = $('.directorist-create-directory__content__input[name="directory-location"]'); - if (!$directoryName.val()) { - handleCreateButtonDisable(); - directoryTitle = ''; - } - if (!$directoryLocation.val()) { - directoryLocation = ''; - } - - // Directory Title Input Listener - $directoryName.on('input', function (e) { - directoryTitle = $(this).val(); - if (directoryTitle) { - handleCreateButtonEnable(); - updatePrompt(); - } else { - handleCreateButtonDisable(); - } - }); - - // Directory Location Input Listener - $directoryLocation.on('input', function (e) { - directoryLocation = $(this).val(); - updatePrompt(); - }); - - // Directory Prompt Input Listener - $('body').on('input keyup', '#directorist-ai-prompt', function (e) { - $('#directorist-ai-prompt').siblings('.character-count').find('.current-count').text(directoryPrompt.length); - if (e.target.value.length > maxPromptLength) { - // Limit to maxPromptLength characters by preventing additional input - e.target.value = e.target.value.substring(0, maxPromptLength); - - // Add a class to indicate the maximum character limit reached - $(e.target).addClass('max-char-reached'); - } else { - // Remove the class if below the maximum character limit - $(e.target).removeClass('max-char-reached'); - } - if (!e.target.value) { - directoryPrompt = ''; - handleCreateButtonDisable(); - } else { - directoryPrompt = e.target.value; - handleCreateButtonEnable(); - } - }); - - // Other Directory Type Input Listener - function checkOtherDirectoryType(type) { - updatePrompt(); - if (type === '') { - handleCreateButtonDisable(); - $('#new-directory-type').addClass('empty'); - } else { - handleCreateButtonEnable(); - $('#new-directory-type').removeClass('empty'); - } - } - - // Check if any item is initially checked - $('[name="directory_type[]"]').each(function () { - if ($(this).is(':checked')) { - directoryType = $(this).val(); - } - }); - - // Directory Type Input Listener - $('body').on('change', '[name="directory_type[]"]', function (e) { - directoryType = e.target.value; - // Show or hide the input based on the selected value - if (directoryType === 'others') { - directoryType = $('#new-directory-type').val(); - $('#directorist-create-directory__checkbox__others').show(); - checkOtherDirectoryType(directoryType); - $('#new-directory-type').focus(); - $('body').on('input', '[name="new-directory-type"]', function (e) { - directoryType = e.target.value; - checkOtherDirectoryType(directoryType); - }); - } else { - $('#directorist-create-directory__checkbox__others').hide(); - updatePrompt(); - } - }); -} - -// Handle Prompt Step -function handlePromptStep(response) { - $('.directorist-create-directory__content__items[data-step="2"]').hide(); - $('.directorist-create-directory__content__items[data-step="3"]').show(); - $('.directorist-create-directory__back__btn').hide(); - $('#directorist-recommendedTags').empty().html(response); - initializeKeyword(); - updateStepTitle('Select relevant keywords to
    optimize AI-generated content'); - updateStepDescription('Keywords helps AI to generate relevant categories and fields'); - updateButtonText('Generate Directory'); - currentStep = 3; -} - -// Handle Keyword Step -function handleKeywordStep() { - $('#directorist-create-directory__generating').show(); - $('.directorist-create-directory__top').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__header').hide(); - $('.directorist-create-directory__content__footer').hide(); - $('.directorist-create-directory__content').toggleClass('full-width'); - updateButtonText('Build Directory'); - initializeProgressBar(); -} - -// Handle Generated Fields -function handleGenerateFields(response) { - var _response$data6; - $('#directorist-create-directory__ai-fields').show(); - $('.directorist-create-directory__header').show(); - $('.directorist_regenerate_fields').show(); - $('#directorist-create-directory__generating').hide(); - $('.directorist-create-directory__content__footer').show(); - $('.directorist-create-directory__content').removeClass('full-width'); - $('#directorist-ai-generated-fields-array').val(JSON.stringify(response === null || response === void 0 || (_response$data6 = response.data) === null || _response$data6 === void 0 ? void 0 : _response$data6.fields)); - $('#directorist_ai_generated_fields').empty().html(response); - initializeDropdownField(); - currentStep = 4; -} - -// Handle Create Directory -function handleCreateDirectory(redirect_url) { - $('#directorist-create-directory__preview-btn').removeClass('disabled'); - $('#directorist-create-directory__preview-btn').attr('href', redirect_url); - $('#directorist-create-directory__generating .directory-title').html('Your directory is ready to use'); - creationCompleted = true; -} - -// Response Success Callback -function handleAIFormResponse(response) { - var _response$data7; - if (response !== null && response !== void 0 && (_response$data7 = response.data) !== null && _response$data7 !== void 0 && _response$data7.success) { - var nextStep = currentStep + 1; - $('.directorist-create-directory__content__items[data-step="' + currentStep + '"]').hide(); - $('.directorist-create-directory__step .step-count .current-step').html(nextStep); - $(".directorist-create-directory__step .atbdp-setup-steps li:nth-child(".concat(nextStep, ")")).addClass('active'); - if ($('.directorist-create-directory__content__items[data-step="' + nextStep + '"]').length) { - $('.directorist-create-directory__content__items[data-step="' + nextStep + '"]').show(); - } - if (currentStep == 2) { - var _response$data8; - handlePromptStep(response === null || response === void 0 || (_response$data8 = response.data) === null || _response$data8 === void 0 || (_response$data8 = _response$data8.data) === null || _response$data8 === void 0 ? void 0 : _response$data8.html); - } else if (currentStep == 3) { - var _response$data0; - setTimeout(function () { - var _response$data9; - handleGenerateFields(response === null || response === void 0 || (_response$data9 = response.data) === null || _response$data9 === void 0 || (_response$data9 = _response$data9.data) === null || _response$data9 === void 0 ? void 0 : _response$data9.html); - }, 1000); - directoryFields = JSON.stringify(response === null || response === void 0 || (_response$data0 = response.data) === null || _response$data0 === void 0 || (_response$data0 = _response$data0.data) === null || _response$data0 === void 0 ? void 0 : _response$data0.fields); - } else if (currentStep == 4) { - var _response$data1; - handleCreateDirectory(response === null || response === void 0 || (_response$data1 = response.data) === null || _response$data1 === void 0 || (_response$data1 = _response$data1.data) === null || _response$data1 === void 0 ? void 0 : _response$data1.url); - } - } else { - console.error(response === null || response === void 0 ? void 0 : response.data); - } -} - -// Generate AI Directory Form Submission Handler -$('body').on('click', '.directorist_generate_ai_directory', function (e) { - e.preventDefault(); - if (currentStep == 1) { - $('.directorist-create-directory__back__btn').removeClass('disabled'); - $('.directorist-create-directory__content__items[data-step="1"]').hide(); - $('.directorist-create-directory__content__items[data-step="2"]').show(); - $('.directorist-create-directory__step .step-count .current-step').html(2); - $(".directorist-create-directory__step .atbdp-setup-steps li:nth-child(2)").addClass('active'); - updateStepTitle('Describe your business in plain language'); - currentStep = 2; - return; - } else if (currentStep == 3) { - handleKeywordStep(); - } else if (currentStep == 4) { - $('#directorist-create-directory__generating').show(); - $('#directorist-create-directory__creating').show(); - $('#directorist-create-directory__ai-fields').hide(); - $('.directorist_regenerate_fields').hide(); - $('.directorist-create-directory__top').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__header').hide(); - $('.directorist-create-directory__content__footer').hide(); - $('.directorist-create-directory__content').addClass('full-width'); - $('#directorist-create-directory__preview-btn').addClass('disabled'); - $('#directorist-create-directory__generating .directory-title').html('Directory AI is Building your directory... '); - $('#directorist-create-directory__generating .directory-description').html("We're using your infomation to finalize your directory fields."); - initializeProgressBar('finalProgress'); - } - handleCreateButtonDisable(); - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_creation'); - form_data.append('name', directoryTitle); - form_data.append('prompt', directoryPrompt); - form_data.append('keywords', directoryKeywords); - form_data.append('fields', directoryFields); - form_data.append('step', currentStep - 1); - - // Handle Axios Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - handleCreateButtonEnable(); - handleAIFormResponse(response); - }).catch(function (error) { - var _error$response$data, _error$response$data2; - if (((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.success) === false && ((_error$response$data2 = error.response.data) === null || _error$response$data2 === void 0 || (_error$response$data2 = _error$response$data2.data) === null || _error$response$data2 === void 0 ? void 0 : _error$response$data2.code) === 'limit_exceeded') { - alert("🙌 You've exceeded the request/site beta limit."); - } - handleCreateButtonEnable(); - console.error(error.response.data); - }); -}); - -// Regenerate Fields -$('body').on('click', '.directorist_regenerate_fields', function (e) { - var _this = this; - e.preventDefault(); - $(this).addClass('loading'); - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_creation'); - form_data.append('name', directoryTitle); - form_data.append('prompt', directoryPrompt); - form_data.append('keywords', directoryKeywords); - form_data.append('pinned', directoryPinnedFields); - form_data.append('step', 2); - - // Handle Axios Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - var _response$data10; - $(_this).removeClass('loading'); - handleGenerateFields(response === null || response === void 0 || (_response$data10 = response.data) === null || _response$data10 === void 0 || (_response$data10 = _response$data10.data) === null || _response$data10 === void 0 ? void 0 : _response$data10.html); - $('.directorist_regenerate_fields').hide(); - directoryFields = JSON.stringify(response.data.data.fields); - }).catch(function (error) { - var _error$response$data3, _error$response$data4; - if (((_error$response$data3 = error.response.data) === null || _error$response$data3 === void 0 ? void 0 : _error$response$data3.success) === false && ((_error$response$data4 = error.response.data) === null || _error$response$data4 === void 0 || (_error$response$data4 = _error$response$data4.data) === null || _error$response$data4 === void 0 ? void 0 : _error$response$data4.code) === 'limit_exceeded') { - alert("🙌 You've exceeded the request/site beta limit."); - } - $(_this).removeClass('loading'); - console.error(error.response.data); - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=admin-builder-archive.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/delete-directory-modal */ './assets/src/js/admin/components/delete-directory-modal.js' + ); + /* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/directory-migration-modal */ './assets/src/js/admin/components/directory-migration-modal.js' + ); + /* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/import-directory-modal */ './assets/src/js/admin/components/import-directory-modal.js' + ); + /* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ + ); + // Scrips + + var $ = jQuery; + var axios = __webpack_require__( + /*! axios */ './node_modules/axios/index.js' + )['default']; + window.addEventListener('load', function () { + // Migration Link + $('.directorist_directory_template_library').on( + 'click', + function (e) { + e.preventDefault(); + var self = this; + // Add 'disabled' class to all siblings with the specific class and also to self + $(self) + .siblings( + '.cptm-create-directory-modal__action__single' + ) + .addBack() + .addClass('disabled'); + $('.cptm-create-directory-modal__action').after( + "Installing Templatiq, Please wait.." + ); + var form_data = new FormData(); + form_data.append( + 'action', + 'directorist_directory_type_library' + ); + form_data.append( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); + + // Response Success Callback + var responseSuccessCallback = + function responseSuccessCallback(response) { + var _response$data; + if ( + response !== null && + response !== void 0 && + (_response$data = response.data) !== null && + _response$data !== void 0 && + _response$data.success + ) { + var _response$data$messag, _response$data2; + var msg = + (_response$data$messag = + response === null || + response === void 0 || + (_response$data2 = response.data) === + null || + _response$data2 === void 0 + ? void 0 + : _response$data2.message) !== + null && _response$data$messag !== void 0 + ? _response$data$messag + : 'Imported successfully!'; + $('.directorist_template_notice') + .addClass('cptm-section-alert-success') + .text(msg); + location.reload(); + return; + } + responseFieldCallback(response); + }; + + // Response Error Callback + var responseFieldCallback = function responseFieldCallback( + response + ) { + var _response$data$messag2, _response$data3; + // Remove 'disabled' class from all siblings and self in case of failure + $(self) + .siblings( + '.cptm-create-directory-modal__action__single' + ) + .addBack() + .removeClass('disabled'); + var msg = + (_response$data$messag2 = + response === null || + response === void 0 || + (_response$data3 = response.data) === null || + _response$data3 === void 0 + ? void 0 + : _response$data3.message) !== null && + _response$data$messag2 !== void 0 + ? _response$data$messag2 + : 'Something went wrong please try again'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + }; + + // Send Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + responseSuccessCallback(response); + }) + .catch(function (response) { + responseFieldCallback(response); + }); + } + ); + + // Show the form when the '.directorist-ai-directory-creation' element is clicked + $('.directorist-ai-directory-creation').on('click', function (e) { + e.preventDefault(); + + // Prepare form data for the request + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_form'); + + // Send the request using Axios + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + var _response$data4; + if ( + response !== null && + response !== void 0 && + (_response$data4 = response.data) !== null && + _response$data4 !== void 0 && + _response$data4.success + ) { + var _response$data5; + // Replace the content inside '#wpbody' with the response HTML + $('#wpbody') + .empty() + .html( + response === null || + response === void 0 || + (_response$data5 = response.data) === + null || + _response$data5 === void 0 || + (_response$data5 = + _response$data5.data) === null || + _response$data5 === void 0 + ? void 0 + : _response$data5.form + ); + + // Initialize Step Contents + initialStepContents(); + } else { + console.log(response.data); + } + }) + .catch(function (response) { + console.log(response.data); + }); + }); + }); + var totalStep = 3; + var currentStep = 1; + var directoryTitle = ''; + var directoryLocation = ''; + var directoryType = ''; + var directoryPrompt = 'I want to create a car directory'; + var maxPromptLength = 200; + var directoryKeywords = []; + var directoryFields = []; + var directoryPinnedFields = []; + var creationCompleted = false; + + // Update Step Title + function updateStepTitle(title) { + $('.directorist-create-directory__info__title').html(title); + } + + // Update Step Description + function updateStepDescription(desc) { + $('.directorist-create-directory__info__desc').html(desc); + } + + // Update Button Text + function updateButtonText(text) { + $( + '.directorist_generate_ai_directory .directorist_generate_ai_directory__text' + ).html(text); + } + + // Update Directory Prompt + function updatePrompt() { + directoryPrompt = 'I want to create a ' + .concat(directoryType, ' directory') + .concat( + directoryLocation ? ' in '.concat(directoryLocation) : '' + ); + $('#directorist-ai-prompt').val(directoryPrompt); + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.current-count') + .text(directoryPrompt.length); + if (directoryType) { + handleCreateButtonEnable(); + } else { + handleCreateButtonDisable(); + } + } + + // Function to initialize Keyword Selected + function initializeKeyword() { + var tagList = []; // Internal list for selected keywords + var maxFreeTags = 5; // Max item limit for all users + + var tagListElem = document.getElementById( + 'directorist-box__tagList' + ); + var newTagElem = document.getElementById('directorist-box__newTag'); + var recommendedTagsElem = document.getElementById( + 'directorist-recommendedTags' + ); + var recommendedTags = Array.from( + recommendedTagsElem.getElementsByTagName('li') + ); + var tagLimitMsgElem = document.getElementById( + 'directorist-tagLimitMsg' + ); + var tagCountElem = document.getElementById('directorist-tagCount'); + var canAddMoreTags = function canAddMoreTags() { + return tagList.length < maxFreeTags; + }; + + // Update the global keywords list + var updateDirectoryKeywords = function updateDirectoryKeywords() { + directoryKeywords = [].concat(tagList); // Sync global keywords + }; + + // Update the tag count and recommended tags state + var updateTagCount = function updateTagCount() { + tagCountElem.textContent = '' + .concat(tagList.length, '/') + .concat(maxFreeTags); + tagLimitMsgElem.style.display = 'flex'; + recommendedTagsElem.classList.toggle( + 'recommend-disable', + !canAddMoreTags() + ); + }; + + // Update the recommended tags state based on the selected tags + var updateRecommendedTagsState = + function updateRecommendedTagsState() { + recommendedTags.forEach(function (tagElem) { + var tagText = tagElem.textContent.trim(); + tagElem.classList.toggle( + 'disabled', + tagList.includes(tagText) + ); + }); + }; + + // Render the tag list + var renderTagList = function renderTagList() { + tagListElem.innerHTML = tagList + .map(function (tag) { + return '
  • '.concat( + tag, + ' ×
    • ' + ); + }) + .join(''); + tagListElem.appendChild( + newTagElem.parentNode || + document.createElement('li').appendChild(newTagElem) + ); + updateRecommendedTagsState(); + updateTagCount(); + updateDirectoryKeywords(); + }; + + // Add a new tag to the list + var addTag = function addTag(tag) { + if (tag && !tagList.includes(tag) && canAddMoreTags()) { + tagList.push(tag); + renderTagList(); + } + }; + + // Remove a tag from the list + var removeTag = function removeTag(index) { + if (index !== -1) { + tagList.splice(index, 1); + renderTagList(); + } + }; + + // Event listener for adding tags via input + newTagElem.addEventListener('keyup', function (e) { + if (e.key === 'Enter') { + var newTag = newTagElem.value.trim(); + addTag(newTag); + newTagElem.value = ''; + } + }); + + // Event delegation for removing tags + tagListElem.addEventListener('click', function (e) { + if (e.target.classList.contains('directorist-rmTag')) { + var index = Array.from(tagListElem.children).indexOf( + e.target.parentElement + ); + removeTag(index); + } + }); + + // Event listener for adding recommended tags + recommendedTagsElem.addEventListener('click', function (e) { + if ( + e.target.tagName === 'LI' && + !e.target.classList.contains('disabled') + ) { + addTag(e.target.textContent.trim()); + } + }); + + // Initialize the tag management interface + renderTagList(); + } + + // Function to initialize Progress bar + function initializeProgressBar(finalProgress) { + if (finalProgress) { + $( + '#directorist-create-directory__generating .directory-img #directory-img__generating' + ).hide(); + $( + '#directorist-create-directory__generating .directory-img #directory-img__building' + ).show(); + $('#directory-generate-btn__content__text').html( + 'Generating directory...' + ); + } else { + $( + '#directorist-create-directory__generating .directory-img #directory-img__generating' + ).show(); + $( + '#directorist-create-directory__generating .directory-img #directory-img__building' + ).hide(); + } + var generateBtnWrapper = document.querySelector( + '.directory-generate-btn__wrapper' + ); + var btnPercentage = document.querySelector( + '.directory-generate-btn__percentage' + ); + var progressBar = document.querySelector( + '.directory-generate-btn--bg' + ); + if (generateBtnWrapper) { + var finalWidth = generateBtnWrapper.getAttribute('data-width'); + var currentWidth = 0; + var intervalDuration = 20; // Interval time in milliseconds + var increment = finalWidth / (2000 / intervalDuration); + + // Update the progress bar width + var updateProgress = function updateProgress() { + if (creationCompleted) { + progressBar.style.width = ''.concat(finalWidth, '%'); + btnPercentage.textContent = ''; + $('#directory-generate-btn__content__text').html( + 'Generated Successfully' + ); + if (typeof updateProgressList === 'function') { + updateProgressList(finalWidth); + } + clearInterval(progressInterval); + return; + } else if (currentWidth <= finalWidth) { + btnPercentage.textContent = ''.concat( + currentWidth, + '%' + ); + progressBar.style.width = ''.concat(currentWidth, '%'); + if (typeof updateProgressList === 'function') { + updateProgressList(currentWidth); + } + currentWidth += increment; + } else { + if (!finalProgress) { + setTimeout(function () { + progressBar.style.width = '0'; + }, 3000); + } + clearInterval(progressInterval); + } + }; + var progressInterval = setInterval( + updateProgress, + intervalDuration + ); + } + var steps = document.querySelectorAll( + '.directory-generate-progress-list li' + ); + + // Update the progress list based on the current progress + var updateProgressList = function updateProgressList(progress) { + if (steps.length > 0) { + steps.forEach(function (step, index) { + var stepNumber = index + 1; + var stepThreshold = stepNumber * (100 / steps.length); + if (progress >= stepThreshold) { + step.setAttribute('data-type', 'completed'); + step.querySelector( + '.completed-icon' + ).style.display = 'block'; + step.querySelector('.progress-icon').style.display = + 'none'; + step.querySelector('.default-icon').style.display = + 'none'; + } else if ( + progress < stepThreshold && + progress >= stepThreshold - 100 / steps.length + ) { + step.setAttribute('data-type', 'progress'); + step.querySelector( + '.completed-icon' + ).style.display = 'none'; + step.querySelector('.progress-icon').style.display = + 'block'; + step.querySelector('.default-icon').style.display = + 'none'; + } else { + step.setAttribute('data-type', 'default'); + step.querySelector( + '.completed-icon' + ).style.display = 'none'; + step.querySelector('.progress-icon').style.display = + 'none'; + step.querySelector('.default-icon').style.display = + 'block'; + } + }); + } + }; + } + + //Function to initialize Dropdown + function initializeDropdownField() { + var dropdowns = document.querySelectorAll( + '.directorist-ai-generate-dropdown' + ); + var accordion = true; + $('#directorist-create-directory__ai-fields .fields-count').html( + dropdowns.length + ); + var pinnedIconSVG = + '\n \n \n \n \n '; + var unpinnedIconSVG = + '\n \n \n \n '; + + // Initialize each dropdown + dropdowns.forEach(function (dropdown) { + var header = dropdown.querySelector( + '.directorist-ai-generate-dropdown__header.has-options' + ); + var content = dropdown.querySelector( + '.directorist-ai-generate-dropdown__content' + ); + var icon = dropdown.querySelector( + '.directorist-ai-generate-dropdown__header-icon' + ); + var pinIcon = dropdown.querySelector( + '.directorist-ai-generate-dropdown__pin-icon' + ); + var dropdownItem = dropdown.closest( + '.directorist-ai-generate-box__item' + ); + + // Pin Field + pinIcon.addEventListener('click', function (event) { + event.stopPropagation(); + if (dropdownItem.classList.contains('pinned')) { + dropdownItem.classList.remove('pinned'); + dropdownItem.classList.add('unpinned'); + + // Change to pinned SVG + pinIcon.innerHTML = unpinnedIconSVG; + } else { + dropdownItem.classList.remove('unpinned'); + dropdownItem.classList.add('pinned'); + + // Change to pinned SVG + pinIcon.innerHTML = pinnedIconSVG; + } + + // Find all pinned items + directoryPinnedFields = findAllPinnedItems(); + }); + + // Toggle the dropdown content + header && + header.addEventListener('click', function (event) { + if ( + event.target === pinIcon || + pinIcon.contains(event.target) + ) { + return; + } + var isExpanded = + content && + content.classList.toggle( + 'directorist-ai-generate-dropdown__content--expanded' + ); + dropdown.setAttribute('aria-expanded', isExpanded); + content.setAttribute('aria-expanded', isExpanded); + icon.classList.toggle('rotate', isExpanded); + if (accordion) { + dropdowns.forEach(function (otherDropdown) { + if (otherDropdown !== dropdown) { + var otherContent = + otherDropdown.querySelector( + '.directorist-ai-generate-dropdown__content' + ); + var otherIcon = otherDropdown.querySelector( + '.directorist-ai-generate-dropdown__header-icon' + ); + otherDropdown.setAttribute( + 'aria-expanded', + false + ); + if (otherContent) { + otherContent.classList.remove( + 'directorist-ai-generate-dropdown__content--expanded' + ); + otherContent.setAttribute( + 'aria-expanded', + false + ); + } + if (otherIcon) { + otherIcon.classList.remove('rotate'); + } + } + }); + } + }); + }); + + // Function to find all pinned items + function findAllPinnedItems() { + var pinnedElements = document.querySelectorAll( + '.directorist-ai-generate-box__item.pinned' + ); + if (pinnedElements.length > 0) { + var titles = Array.from(pinnedElements).flatMap( + function (pinnedElement) { + return Array.from( + pinnedElement.querySelectorAll( + '.directorist-ai-generate-dropdown__title-main h6' + ) + ).map(function (item) { + return item.innerText; + }); + } + ); + return titles; // Return the array of titles + } + return []; + } + } + + // Function to handle back button + function handleBackButton() { + currentStep = 1; + // Back to initial step + initialStepContents(); + } + + // handle back btn + $('body').on( + 'click', + '.directorist-create-directory__back__btn', + function (e) { + e.preventDefault(); + handleBackButton(); + } + ); + + // Enable Submit Button + function handleCreateButtonEnable() { + $('.directorist_generate_ai_directory').removeClass('disabled'); + } + + // Disable Submit Button + function handleCreateButtonDisable() { + $('.directorist_generate_ai_directory').addClass('disabled'); + } + + // Initial Step Contents + function initialStepContents() { + // Hide all steps except the first one initially + $('#directorist-create-directory__creating').hide(); + $('#directorist-create-directory__ai-fields').hide(); + $('#directorist-create-directory__generating').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__back__btn').addClass('disabled'); + $( + '.directorist-create-directory__content__items[data-step="1"]' + ).show(); + $( + '.directorist-create-directory__step .step-count .total-step' + ).html(totalStep); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(1); + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.max-count') + .text(maxPromptLength); + var $directoryName = $( + '.directorist-create-directory__content__input[name="directory-name"]' + ); + var $directoryLocation = $( + '.directorist-create-directory__content__input[name="directory-location"]' + ); + if (!$directoryName.val()) { + handleCreateButtonDisable(); + directoryTitle = ''; + } + if (!$directoryLocation.val()) { + directoryLocation = ''; + } + + // Directory Title Input Listener + $directoryName.on('input', function (e) { + directoryTitle = $(this).val(); + if (directoryTitle) { + handleCreateButtonEnable(); + updatePrompt(); + } else { + handleCreateButtonDisable(); + } + }); + + // Directory Location Input Listener + $directoryLocation.on('input', function (e) { + directoryLocation = $(this).val(); + updatePrompt(); + }); + + // Directory Prompt Input Listener + $('body').on('input keyup', '#directorist-ai-prompt', function (e) { + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.current-count') + .text(directoryPrompt.length); + if (e.target.value.length > maxPromptLength) { + // Limit to maxPromptLength characters by preventing additional input + e.target.value = e.target.value.substring( + 0, + maxPromptLength + ); + + // Add a class to indicate the maximum character limit reached + $(e.target).addClass('max-char-reached'); + } else { + // Remove the class if below the maximum character limit + $(e.target).removeClass('max-char-reached'); + } + if (!e.target.value) { + directoryPrompt = ''; + handleCreateButtonDisable(); + } else { + directoryPrompt = e.target.value; + handleCreateButtonEnable(); + } + }); + + // Other Directory Type Input Listener + function checkOtherDirectoryType(type) { + updatePrompt(); + if (type === '') { + handleCreateButtonDisable(); + $('#new-directory-type').addClass('empty'); + } else { + handleCreateButtonEnable(); + $('#new-directory-type').removeClass('empty'); + } + } + + // Check if any item is initially checked + $('[name="directory_type[]"]').each(function () { + if ($(this).is(':checked')) { + directoryType = $(this).val(); + } + }); + + // Directory Type Input Listener + $('body').on('change', '[name="directory_type[]"]', function (e) { + directoryType = e.target.value; + // Show or hide the input based on the selected value + if (directoryType === 'others') { + directoryType = $('#new-directory-type').val(); + $('#directorist-create-directory__checkbox__others').show(); + checkOtherDirectoryType(directoryType); + $('#new-directory-type').focus(); + $('body').on( + 'input', + '[name="new-directory-type"]', + function (e) { + directoryType = e.target.value; + checkOtherDirectoryType(directoryType); + } + ); + } else { + $('#directorist-create-directory__checkbox__others').hide(); + updatePrompt(); + } + }); + } + + // Handle Prompt Step + function handlePromptStep(response) { + $( + '.directorist-create-directory__content__items[data-step="2"]' + ).hide(); + $( + '.directorist-create-directory__content__items[data-step="3"]' + ).show(); + $('.directorist-create-directory__back__btn').hide(); + $('#directorist-recommendedTags').empty().html(response); + initializeKeyword(); + updateStepTitle( + 'Select relevant keywords to
    optimize AI-generated content' + ); + updateStepDescription( + 'Keywords helps AI to generate relevant categories and fields' + ); + updateButtonText('Generate Directory'); + currentStep = 3; + } + + // Handle Keyword Step + function handleKeywordStep() { + $('#directorist-create-directory__generating').show(); + $('.directorist-create-directory__top').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__header').hide(); + $('.directorist-create-directory__content__footer').hide(); + $('.directorist-create-directory__content').toggleClass( + 'full-width' + ); + updateButtonText('Build Directory'); + initializeProgressBar(); + } + + // Handle Generated Fields + function handleGenerateFields(response) { + var _response$data6; + $('#directorist-create-directory__ai-fields').show(); + $('.directorist-create-directory__header').show(); + $('.directorist_regenerate_fields').show(); + $('#directorist-create-directory__generating').hide(); + $('.directorist-create-directory__content__footer').show(); + $('.directorist-create-directory__content').removeClass( + 'full-width' + ); + $('#directorist-ai-generated-fields-array').val( + JSON.stringify( + response === null || + response === void 0 || + (_response$data6 = response.data) === null || + _response$data6 === void 0 + ? void 0 + : _response$data6.fields + ) + ); + $('#directorist_ai_generated_fields').empty().html(response); + initializeDropdownField(); + currentStep = 4; + } + + // Handle Create Directory + function handleCreateDirectory(redirect_url) { + $('#directorist-create-directory__preview-btn').removeClass( + 'disabled' + ); + $('#directorist-create-directory__preview-btn').attr( + 'href', + redirect_url + ); + $( + '#directorist-create-directory__generating .directory-title' + ).html('Your directory is ready to use'); + creationCompleted = true; + } + + // Response Success Callback + function handleAIFormResponse(response) { + var _response$data7; + if ( + response !== null && + response !== void 0 && + (_response$data7 = response.data) !== null && + _response$data7 !== void 0 && + _response$data7.success + ) { + var nextStep = currentStep + 1; + $( + '.directorist-create-directory__content__items[data-step="' + + currentStep + + '"]' + ).hide(); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(nextStep); + $( + '.directorist-create-directory__step .atbdp-setup-steps li:nth-child('.concat( + nextStep, + ')' + ) + ).addClass('active'); + if ( + $( + '.directorist-create-directory__content__items[data-step="' + + nextStep + + '"]' + ).length + ) { + $( + '.directorist-create-directory__content__items[data-step="' + + nextStep + + '"]' + ).show(); + } + if (currentStep == 2) { + var _response$data8; + handlePromptStep( + response === null || + response === void 0 || + (_response$data8 = response.data) === null || + _response$data8 === void 0 || + (_response$data8 = _response$data8.data) === null || + _response$data8 === void 0 + ? void 0 + : _response$data8.html + ); + } else if (currentStep == 3) { + var _response$data0; + setTimeout(function () { + var _response$data9; + handleGenerateFields( + response === null || + response === void 0 || + (_response$data9 = response.data) === null || + _response$data9 === void 0 || + (_response$data9 = _response$data9.data) === + null || + _response$data9 === void 0 + ? void 0 + : _response$data9.html + ); + }, 1000); + directoryFields = JSON.stringify( + response === null || + response === void 0 || + (_response$data0 = response.data) === null || + _response$data0 === void 0 || + (_response$data0 = _response$data0.data) === null || + _response$data0 === void 0 + ? void 0 + : _response$data0.fields + ); + } else if (currentStep == 4) { + var _response$data1; + handleCreateDirectory( + response === null || + response === void 0 || + (_response$data1 = response.data) === null || + _response$data1 === void 0 || + (_response$data1 = _response$data1.data) === null || + _response$data1 === void 0 + ? void 0 + : _response$data1.url + ); + } + } else { + console.error( + response === null || response === void 0 + ? void 0 + : response.data + ); + } + } + + // Generate AI Directory Form Submission Handler + $('body').on( + 'click', + '.directorist_generate_ai_directory', + function (e) { + e.preventDefault(); + if (currentStep == 1) { + $('.directorist-create-directory__back__btn').removeClass( + 'disabled' + ); + $( + '.directorist-create-directory__content__items[data-step="1"]' + ).hide(); + $( + '.directorist-create-directory__content__items[data-step="2"]' + ).show(); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(2); + $( + '.directorist-create-directory__step .atbdp-setup-steps li:nth-child(2)' + ).addClass('active'); + updateStepTitle('Describe your business in plain language'); + currentStep = 2; + return; + } else if (currentStep == 3) { + handleKeywordStep(); + } else if (currentStep == 4) { + $('#directorist-create-directory__generating').show(); + $('#directorist-create-directory__creating').show(); + $('#directorist-create-directory__ai-fields').hide(); + $('.directorist_regenerate_fields').hide(); + $('.directorist-create-directory__top').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__header').hide(); + $('.directorist-create-directory__content__footer').hide(); + $('.directorist-create-directory__content').addClass( + 'full-width' + ); + $('#directorist-create-directory__preview-btn').addClass( + 'disabled' + ); + $( + '#directorist-create-directory__generating .directory-title' + ).html('Directory AI is Building your directory... '); + $( + '#directorist-create-directory__generating .directory-description' + ).html( + "We're using your infomation to finalize your directory fields." + ); + initializeProgressBar('finalProgress'); + } + handleCreateButtonDisable(); + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_creation'); + form_data.append('name', directoryTitle); + form_data.append('prompt', directoryPrompt); + form_data.append('keywords', directoryKeywords); + form_data.append('fields', directoryFields); + form_data.append('step', currentStep - 1); + + // Handle Axios Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + handleCreateButtonEnable(); + handleAIFormResponse(response); + }) + .catch(function (error) { + var _error$response$data, _error$response$data2; + if ( + ((_error$response$data = error.response.data) === + null || _error$response$data === void 0 + ? void 0 + : _error$response$data.success) === false && + ((_error$response$data2 = error.response.data) === + null || + _error$response$data2 === void 0 || + (_error$response$data2 = + _error$response$data2.data) === null || + _error$response$data2 === void 0 + ? void 0 + : _error$response$data2.code) === + 'limit_exceeded' + ) { + alert( + "🙌 You've exceeded the request/site beta limit." + ); + } + handleCreateButtonEnable(); + console.error(error.response.data); + }); + } + ); + + // Regenerate Fields + $('body').on('click', '.directorist_regenerate_fields', function (e) { + var _this = this; + e.preventDefault(); + $(this).addClass('loading'); + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_creation'); + form_data.append('name', directoryTitle); + form_data.append('prompt', directoryPrompt); + form_data.append('keywords', directoryKeywords); + form_data.append('pinned', directoryPinnedFields); + form_data.append('step', 2); + + // Handle Axios Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + var _response$data10; + $(_this).removeClass('loading'); + handleGenerateFields( + response === null || + response === void 0 || + (_response$data10 = response.data) === null || + _response$data10 === void 0 || + (_response$data10 = _response$data10.data) === + null || + _response$data10 === void 0 + ? void 0 + : _response$data10.html + ); + $('.directorist_regenerate_fields').hide(); + directoryFields = JSON.stringify(response.data.data.fields); + }) + .catch(function (error) { + var _error$response$data3, _error$response$data4; + if ( + ((_error$response$data3 = error.response.data) === + null || _error$response$data3 === void 0 + ? void 0 + : _error$response$data3.success) === false && + ((_error$response$data4 = error.response.data) === + null || + _error$response$data4 === void 0 || + (_error$response$data4 = _error$response$data4.data) === + null || + _error$response$data4 === void 0 + ? void 0 + : _error$response$data4.code) === 'limit_exceeded' + ) { + alert( + "🙌 You've exceeded the request/site beta limit." + ); + } + $(_this).removeClass('loading'); + console.error(error.response.data); + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=admin-builder-archive.js.map diff --git a/assets/js/admin-import-export.js b/assets/js/admin-import-export.js index e64f0242cb..5269362ef1 100644 --- a/assets/js/admin-import-export.js +++ b/assets/js/admin-import-export.js @@ -1,315 +1,501 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } -/***/ }), + /***/ + }, -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } -/***/ }), + /***/ + }, -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + /***/ + }, -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!**********************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!**********************************************!*\ !*** ./assets/src/js/admin/import-export.js ***! \**********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); -jQuery(document).ready(function ($) { - var query_string = function (a) { - if (a == '') return {}; - var b = {}; - for (var i = 0; i < a.length; ++i) { - var p = a[i].split('=', 2); - if (p.length == 1) b[p[0]] = '';else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); - } - return b; - }(window.location.search.substr(1).split('&')); - $('body').on('change', '.directorist_directory_type_in_import', function () { - admin_listing_form($(this).val()); - }); - function admin_listing_form(directory_type) { - var file_id = query_string.file_id; - var delimiter = query_string.delimiter; - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'directorist_update_csv_columns_to_listing_fields_table', - directory_type: directory_type, - delimiter: delimiter, - directorist_nonce: directorist_admin.directorist_nonce, - file_id: file_id - }, - beforeSend: function beforeSend() { - $('#directorist-type-preloader').show(); - }, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - $('.atbdp-importer-mapping-table').remove(); - $('.directory_type_wrapper').after(response); - }, - complete: function complete() { - $('#directorist-type-preloader').hide(); - } - }); - } - $('#atbdp_csv_step_two').on('submit', function (e) { - e.preventDefault(); - $('.atbdp-importer-mapping-table-wrapper').fadeOut(300); - $('.directorist-importer__importing').fadeIn(300); - $(this).parent('.csv-fields').fadeOut(300); - $('.atbdp-mapping-step').removeClass('active').addClass('done'); - $('.atbdp-progress-step').addClass('active'); - $('.importer-details').html("1/".concat($(this).data('total'))); - $('.directorist-importer-length').css('width', '10%'); - $('.directorist-importer-progress').val(10); - var configFields = $('.directorist-listings-importer-config-field'); - var _runImporter = function runImporter() { - var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; - var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; - var form_data = new FormData(); - form_data.set('action', 'directorist_import_listings'); - form_data.set('_position', position); - form_data.set('_offset', offset); - form_data.set('directorist_nonce', directorist_admin.directorist_nonce); + jQuery(document).ready(function ($) { + var query_string = (function (a) { + if (a == '') return {}; + var b = {}; + for (var i = 0; i < a.length; ++i) { + var p = a[i].split('=', 2); + if (p.length == 1) b[p[0]] = ''; + else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); + } + return b; + })(window.location.search.substr(1).split('&')); + $('body').on( + 'change', + '.directorist_directory_type_in_import', + function () { + admin_listing_form($(this).val()); + } + ); + function admin_listing_form(directory_type) { + var file_id = query_string.file_id; + var delimiter = query_string.delimiter; + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'directorist_update_csv_columns_to_listing_fields_table', + directory_type: directory_type, + delimiter: delimiter, + directorist_nonce: directorist_admin.directorist_nonce, + file_id: file_id, + }, + beforeSend: function beforeSend() { + $('#directorist-type-preloader').show(); + }, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + $('.atbdp-importer-mapping-table').remove(); + $('.directory_type_wrapper').after(response); + }, + complete: function complete() { + $('#directorist-type-preloader').hide(); + }, + }); + } + $('#atbdp_csv_step_two').on('submit', function (e) { + e.preventDefault(); + $('.atbdp-importer-mapping-table-wrapper').fadeOut(300); + $('.directorist-importer__importing').fadeIn(300); + $(this).parent('.csv-fields').fadeOut(300); + $('.atbdp-mapping-step').removeClass('active').addClass('done'); + $('.atbdp-progress-step').addClass('active'); + $('.importer-details').html('1/'.concat($(this).data('total'))); + $('.directorist-importer-length').css('width', '10%'); + $('.directorist-importer-progress').val(10); + var configFields = $( + '.directorist-listings-importer-config-field' + ); + var _runImporter = function runImporter() { + var position = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : 0; + var offset = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : 0; + var form_data = new FormData(); + form_data.set('action', 'directorist_import_listings'); + form_data.set('_position', position); + form_data.set('_offset', offset); + form_data.set( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); - // Get Config Fields Value - if (configFields.length) { - configFields.each(function (index, item) { - var key = $(item).attr('name'); - var value = $(item).val(); - form_data.append(key, value); - }); - } - var map_elm = null; - if ($('select.atbdp_map_to').length) { - map_elm = $('select.atbdp_map_to'); - } - if ($('input.atbdp_map_to').length) { - map_elm = $('input.atbdp_map_to'); - } - var directory_type = $('#directory_type').val(); - if (directory_type) { - form_data.append('directory_type', directory_type); - } - if (map_elm) { - var log = []; - map_elm.each(function () { - var name = $(this).attr('name'); - var value = $(this).val(); - var postFields = ['listing_status', 'listing_title', 'listing_content', 'listing_img', 'directory_type']; - var taxonomyFields = ['category', 'location', 'tag']; - if (postFields.includes(value)) { - form_data.append(value, name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, value, name)); - } else if (taxonomyFields.includes(value)) { - form_data.append("tax_input[".concat(value, "]"), name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "tax_input[".concat(value, "]"), name)); - } else if (value != '') { - form_data.append("meta[".concat(value, "]"), name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "meta[".concat(value, "]"), name)); - } - }); - } - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - // async: false, - url: directorist_admin.ajaxurl, - data: form_data, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - var percentage = response.position / response.total * 100; - $('.importer-details').html("".concat(Math.min(response.position, response.total), "/").concat(response.total)); - $('.directorist-importer-length').css('width', percentage + '%'); - $('.directorist-importer-progress').val(percentage); - console.log(response.logs.join('\n')); - if (!response.done) { - _runImporter(response.position, response.offset); - } else { - window.location = response.redirect_url; - } - }, - error: function error(response) { - window.console.log(response); - } - }); - }; - _runImporter(); - }); + // Get Config Fields Value + if (configFields.length) { + configFields.each(function (index, item) { + var key = $(item).attr('name'); + var value = $(item).val(); + form_data.append(key, value); + }); + } + var map_elm = null; + if ($('select.atbdp_map_to').length) { + map_elm = $('select.atbdp_map_to'); + } + if ($('input.atbdp_map_to').length) { + map_elm = $('input.atbdp_map_to'); + } + var directory_type = $('#directory_type').val(); + if (directory_type) { + form_data.append('directory_type', directory_type); + } + if (map_elm) { + var log = []; + map_elm.each(function () { + var name = $(this).attr('name'); + var value = $(this).val(); + var postFields = [ + 'listing_status', + 'listing_title', + 'listing_content', + 'listing_img', + 'directory_type', + ]; + var taxonomyFields = [ + 'category', + 'location', + 'tag', + ]; + if (postFields.includes(value)) { + form_data.append(value, name); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])({}, value, name) + ); + } else if (taxonomyFields.includes(value)) { + form_data.append( + 'tax_input['.concat(value, ']'), + name + ); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])( + {}, + 'tax_input['.concat(value, ']'), + name + ) + ); + } else if (value != '') { + form_data.append( + 'meta['.concat(value, ']'), + name + ); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])({}, 'meta['.concat(value, ']'), name) + ); + } + }); + } + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + // async: false, + url: directorist_admin.ajaxurl, + data: form_data, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + var percentage = + (response.position / response.total) * 100; + $('.importer-details').html( + '' + .concat( + Math.min( + response.position, + response.total + ), + '/' + ) + .concat(response.total) + ); + $('.directorist-importer-length').css( + 'width', + percentage + '%' + ); + $('.directorist-importer-progress').val(percentage); + console.log(response.logs.join('\n')); + if (!response.done) { + _runImporter( + response.position, + response.offset + ); + } else { + window.location = response.redirect_url; + } + }, + error: function error(response) { + window.console.log(response); + }, + }); + }; + _runImporter(); + }); - /* csv upload */ - $('#upload').change(function (e) { - var filename = e.target.files[0].name; - $('.csv-upload .file-name').html(filename); - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=admin-import-export.js.map \ No newline at end of file + /* csv upload */ + $('#upload').change(function (e) { + var filename = e.target.files[0].name; + $('.csv-upload .file-name').html(filename); + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=admin-import-export.js.map diff --git a/assets/js/admin-main.js b/assets/js/admin-main.js index b296ffd44c..345ff4be78 100644 --- a/assets/js/admin-main.js +++ b/assets/js/admin-main.js @@ -1,110 +1,124 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/admin/components/admin-user.js": -/*!******************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/admin/components/admin-user.js': + /*!******************************************************!*\ !*** ./assets/src/js/admin/components/admin-user.js ***! \******************************************************/ -/***/ (function() { - -// user type change on user dashboard -(function ($) { - window.addEventListener('load', function () { - $('#atbdp-user-type-approve').on('click', function (event) { - event.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_user_type_approved', - _nonce: nonce, - userId: userId - }, - success: function success(response) { - if (response.user_type) { - $('#user-type-' + userId).html(response.user_type); - } - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - $('#atbdp-user-type-deny').on('click', function (event) { - event.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_user_type_deny', - _nonce: nonce, - userId: userId - }, - success: function success(response) { - if (response.user_type) { - $('#user-type-' + userId).html(response.user_type); - } - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-1.js": -/*!***************************************************!*\ + /***/ function () { + // user type change on user dashboard + (function ($) { + window.addEventListener('load', function () { + $('#atbdp-user-type-approve').on( + 'click', + function (event) { + event.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_user_type_approved', + _nonce: nonce, + userId: userId, + }, + success: function success(response) { + if (response.user_type) { + $('#user-type-' + userId).html( + response.user_type + ); + } + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + } + ); + $('#atbdp-user-type-deny').on( + 'click', + function (event) { + event.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_user_type_deny', + _nonce: nonce, + userId: userId, + }, + success: function success(response) { + if (response.user_type) { + $('#user-type-' + userId).html( + response.user_type + ); + } + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-1.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-1.js ***! \***************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - var content = ''; - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - var $elem = $(" ").concat(selected.text, "")); - return $elem; - } - if ($("[data-toggle='tooltip']").length) { - $("[data-toggle='tooltip']").tooltip(); - } - - // price range - var pricerange = $('#pricerange_val').val(); - if (pricerange) { - $('#pricerange').fadeIn(100); - } - $('#price_range_option').on('click', function () { - $('#pricerange').fadeIn(500); - }); - - // enable sorting if only the container has any social or skill field - var $s_wrap = $('#social_info_sortable_container'); // cache it - if (window.outerWidth > 1700) { - if ($s_wrap.length) { - $s_wrap.sortable({ - axis: 'y', - opacity: '0.7' - }); - } - } - // SOCIAL SECTION - // Rearrange the IDS and Add new social field - /* $('body').on('click', '#addNewSocial', function () { + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + var content = ''; + + // Category icon selection + function selecWithIcon(selected) { + if (!selected.id) { + return selected.text; + } + var $elem = $( + " ") + .concat(selected.text, '') + ); + return $elem; + } + if ($("[data-toggle='tooltip']").length) { + $("[data-toggle='tooltip']").tooltip(); + } + + // price range + var pricerange = $('#pricerange_val').val(); + if (pricerange) { + $('#pricerange').fadeIn(100); + } + $('#price_range_option').on('click', function () { + $('#pricerange').fadeIn(500); + }); + + // enable sorting if only the container has any social or skill field + var $s_wrap = $('#social_info_sortable_container'); // cache it + if (window.outerWidth > 1700) { + if ($s_wrap.length) { + $s_wrap.sortable({ + axis: 'y', + opacity: '0.7', + }); + } + } + // SOCIAL SECTION + // Rearrange the IDS and Add new social field + /* $('body').on('click', '#addNewSocial', function () { const social_wrap = $('#social_info_sortable_container'); // cache it const currentItems = $('.directorist-form-social-fields').length; const ID = `id=${currentItems}`; // eg. 'id=3' @@ -123,3152 +137,4860 @@ window.addEventListener('load', function () { }); }); */ - // remove the social field and then reset the ids while maintaining position - $(document).on('click', '.directorist-form-social-fields__remove', function (e) { - var id = $(this).data('id'); - var elementToRemove = $("div#socialID-".concat(id)); - e.preventDefault(); - /* Act on the event */ - swal({ - title: directorist_admin.i18n_text.confirmation_text, - text: directorist_admin.i18n_text.ask_conf_sl_lnk_del_txt, - type: 'warning', - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist_admin.i18n_text.confirm_delete, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, no remove the item and reset the ids - elementToRemove.slideUp('fast', function () { - elementToRemove.remove(); - // reorder the index - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - }); - - // show success message - swal({ - title: directorist_admin.i18n_text.deleted, - // text: "Item has been deleted.", - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - }); - - // upgrade old listing - $('#upgrade_directorist').on('click', function (event) { - event.preventDefault(); - var $this = $(this); - // display a notice to user to wait - // send an ajax request to the back end - atbdp_do_ajax($this, 'atbdp_upgrade_old_listings', null, function (response) { - if (response.success) { - $this.after("

    ".concat(response.data, "

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

    ".concat(response.data, "

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

    '.concat(response.data, '

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

    '.concat( + response.data, + '

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

    ".concat(response.data, "

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

    ".concat(response.data, "

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

    '.concat(response.data, '

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

    '.concat( + response.data, + '

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

    No images

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

    No images

    ' + ) + + '(allowed formats jpeg. png. gif)' + ); + $('#delete-custom-img').addClass('hidden'); + } + }); + var has_tagline = $('#has_tagline').val(); + var has_excerpt = $('#has_excerpt').val(); + if (has_excerpt && has_tagline) { + $('.atbd_tagline_moto_field').fadeIn(); + } else { + $('.atbd_tagline_moto_field').fadeOut(); + } + $('#atbd_optional_field_check').on('change', function () { + $(this).is(':checked') + ? $('.atbd_tagline_moto_field').fadeIn() + : $('.atbd_tagline_moto_field').fadeOut(); + }); + var imageUpload; + if (imageUpload) { + imageUpload.open(); + } + $('.upload-header').on('click', function (element) { + element.preventDefault(); + imageUpload = wp.media.frames.file_frame = wp.media({ + title: directorist_admin.i18n_text.select_prv_img, + button: { + text: directorist_admin.i18n_text + .insert_prv_img, + }, + }); + imageUpload.open(); + imageUpload.on('select', function () { + prv_image = imageUpload + .state() + .get('selection') + .first() + .toJSON(); + prv_url = prv_image.id; + prv_img_url = prv_image.url; + $('.listing_prv_img').val(prv_url); + $('.change_listing_prv_img').attr( + 'src', + prv_img_url + ); + $('.upload-header').html('Change Preview Image'); + $('.remove_prev_img').show(); + }); + imageUpload.open(); + }); + $('.remove_prev_img').on('click', function (e) { + $(this).hide(); + $('.listing_prv_img').attr('value', ''); + $('.change_listing_prv_img').attr('src', ''); + e.preventDefault(); + }); + if ($('.change_listing_prv_img').attr('src') === '') { + $('.remove_prev_img').hide(); + } else if ( + $('.change_listing_prv_img').attr('src') !== '' + ) { + $('.remove_prev_img').show(); + } + var avg_review = $('#average_review_for_popular').hide(); + var logged_count = $('#views_for_popular').hide(); + if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'average_rating' + ) { + avg_review.show(); + logged_count.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'view_count' + ) { + logged_count.show(); + avg_review.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'both_view_rating' + ) { + avg_review.show(); + logged_count.show(); + } + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).on('change', function () { + if ($(this).val() === 'average_rating') { + avg_review.show(); + logged_count.hide(); + } else if ($(this).val() === 'view_count') { + logged_count.show(); + avg_review.hide(); + } else if ($(this).val() === 'both_view_rating') { + avg_review.show(); + logged_count.show(); + } + }); + + /** + * Display the media uploader for selecting an image. + * + * @since 1.0.0 + */ + function atbdp_render_media_uploader(page) { + var frame; + if (frame) { + frame.open(); + return; + } + frame = wp.media({ + title: directorist_admin.i18n_text + .image_uploader_title, + multiple: false, + library: { + type: 'image', + }, + button: { + text: directorist_admin.i18n_text.choose_image, + }, + }); + frame.on('select', function () { + var image = frame + .state() + .get('selection') + .first() + .toJSON(); + if (page === 'listings') { + var html = + '' + .concat( + '' + + '' + + '' + + '') + + '' + ) + + '' + + ''.concat(image.url, '
    ') + + '' + ) + .concat(atbdp.edit, ' | ') + + '') + .concat( + atbdp.delete_permanently, + '' + ) + + '' + + ''; + $('#atbdp-images').append(html); + } else { + $('#atbdp-categories-image-id').val(image.id); + $('#atbdp-categories-image-wrapper').html( + '' + ) + ); + } + }); + frame.open(); + } + + // Display the media uploader when "Upload Image" button clicked in the custom taxonomy "atbdp_categories" + $('#atbdp-categories-upload-image').on( + 'click', + function (e) { + e.preventDefault(); + atbdp_render_media_uploader('categories'); + } + ); + $('#submit').on('click', function () { + $('#atbdp-categories-image-wrapper img').attr( + 'src', + '' + ); + $('.remove_cat_img').remove(); + }); + $(document).on('click', '.remove_cat_img', function (e) { + e.preventDefault(); + $(this).hide(); + $(this).prev('img').remove(); + $('#atbdp-categories-image-id').attr('value', ''); + }); + + // Announcement + // ---------------------------------------------------------------------------------- + // Display Announcement Recepents + var announcement_to = $('select[name="announcement_to"]'); + var announcement_recepents_section = $( + '#announcement_recepents' + ); + toggle_section( + 'selected_user', + announcement_to, + announcement_recepents_section + ); + announcement_to.on('change', function () { + toggle_section( + 'selected_user', + $(this), + announcement_recepents_section + ); + }); + var submit_button = $( + '#announcement_submit .vp-input ~ span' + ); + var form_feedback = $('#announcement_submit .field'); + form_feedback.prepend( + '
    ' + ); + var announcement_is_sending = false; + + // Send Announcement + submit_button.on('click', function () { + if (announcement_is_sending) { + console.log('Please wait...'); + return; + } + var to = $('select[name="announcement_to"]'); + var recepents = $( + 'select[name="announcement_recepents"]' + ); + var subject = $('input[name="announcement_subject"]'); + var message = $( + 'textarea[name="announcement_message"]' + ); + var expiration = $( + 'input[name="announcement_expiration"]' + ); + var send_to_email = $( + 'input[name="announcement_send_to_email"]' + ); + var fields_elm = { + to: { + elm: to, + value: to.val(), + default: 'all_user', + }, + recepents: { + elm: recepents, + value: recepents.val(), + default: null, + }, + subject: { + elm: subject, + value: subject.val(), + default: '', + }, + message: { + elm: message, + value: message.val(), + default: '', + }, + expiration: { + elm: expiration, + value: expiration.val(), + default: 3, + }, + send_to_email: { + elm: send_to_email.val(), + value: send_to_email.val(), + default: 1, + }, + }; + + // Send the form + var form_data = new FormData(); + + // Fillup the form + form_data.append('action', 'atbdp_send_announcement'); + for (field in fields_elm) { + form_data.append(field, fields_elm[field].value); + } + announcement_is_sending = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + processData: false, + contentType: false, + beforeSend: function beforeSend() { + // console.log( 'Sending...' ); + form_feedback + .find('.announcement-feedback') + .html( + '
    Sending the announcement, please wait..
    ' + ); + }, + success: function success(response) { + // console.log( {response} ); + announcement_is_sending = false; + if (response.message) { + form_feedback + .find('.announcement-feedback') + .html( + '
    '.concat( + response.message, + '
    ' + ) + ); + } + }, + error: function error(_error) { + console.log({ + error: _error, + }); + announcement_is_sending = false; + }, + }); + + // Reset Form + /* for ( var field in fields_elm ) { $( fields_elm[ field ].elm ).val( fields_elm[ field ].default ); } */ - }); - - // ---------------------------------------------------------------------------------- - - // Custom Tab Support Status - $('.atbds_wrapper a.nav-link').on('click', function (e) { - e.preventDefault(); - - //console.log($(this).data('tabarea')); - var atbds_tabParent = $(this).parent().parent().find('a.nav-link'); - var $href = $(this).attr('href'); - $(atbds_tabParent).removeClass('active'); - $(this).addClass('active'); - //console.log($(".tab-content[data-tabarea='atbds_system-info-tab']")); - - switch ($(this).data('tabarea')) { - case 'atbds_system-status-tab': - $(".tab-content[data-tabarea='atbds_system-status-tab'] >.tab-pane").removeClass('active show'); - $(".tab-content[data-tabarea='atbds_system-status-tab'] ".concat($href)).addClass('active show'); - break; - case 'atbds_system-info-tab': - $(".tab-content[data-tabarea='atbds_system-info-tab'] >.tab-pane").removeClass('active show'); - $(".tab-content[data-tabarea='atbds_system-info-tab'] ".concat($href)).addClass('active show'); - break; - default: - break; - } - }); - - // Custom Tooltip Support Added - $('.atbds_tooltip').on('hover', function () { - var toolTipLabel = $(this).data('label'); - //console.log(toolTipLabel); - $(this).find('.atbds_tooltip__text').text(toolTipLabel); - $(this).find('.atbds_tooltip__text').addClass('show'); - }); - $('.atbds_tooltip').on('mouseleave', function () { - $('.atbds_tooltip__text').removeClass('show'); - }); - var directory_type = $('select[name="directory_type"]').val(); - if (directory_type) { - admin_listing_form(directory_type); - } - var localized_data = directorist_admin.add_listing_data; - $('body').on('change', 'select[name="directory_type"]', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function () { - $(this).parent('.inside').append(''); - admin_listing_form($(this).val()); - $(this).closest('#poststuff').find('#publishing-action').addClass('directorist_disable'); - if (!localized_data.is_admin) { - if ($('#directorist-select-st-s-js').length) { - pureScriptSelect('#directorist-select-st-s-js'); - } - if ($('#directorist-select-st-e-js').length) { - pureScriptSelect('#directorist-select-st-e-js'); - } - if ($('#directorist-select-sn-s-js').length) { - pureScriptSelect('#directorist-select-sn-s-js'); - } - if ($('#directorist-select-mn-e-js').length) { - pureScriptSelect('#directorist-select-sn-e-js'); - } - if ($('#directorist-select-mn-s-js').length) { - pureScriptSelect('#directorist-select-mn-s-js'); - } - if ($('#directorist-select-mn-e-js').length) { - pureScriptSelect('#directorist-select-mn-e-js'); - } - if ($('#directorist-select-tu-s-js').length) { - pureScriptSelect('#directorist-select-tu-s-js'); - } - if ($('#directorist-select-tu-e-js').length) { - pureScriptSelect('#directorist-select-tu-e-js'); - } - if ($('#directorist-select-wd-s-js').length) { - pureScriptSelect('#directorist-select-wd-s-js'); - } - if ($('#directorist-select-wd-e-js').length) { - pureScriptSelect('#directorist-select-wd-e-js'); - } - if ($('#directorist-select-th-s-js').length) { - pureScriptSelect('#directorist-select-th-s-js'); - } - if ($('#directorist-select-th-e-js').length) { - pureScriptSelect('#directorist-select-th-e-js'); - } - if ($('#directorist-select-fr-s-js').length) { - pureScriptSelect('#directorist-select-fr-s-js'); - } - if ($('#directorist-select-fr-e-js').length) { - pureScriptSelect('#directorist-select-fr-e-js'); - } - } - }, 270)); - - // Custom Field Checkbox Button More - function customFieldSeeMore() { - if ($('.directorist-custom-field-btn-more').length) { - $('.directorist-custom-field-btn-more').each(function (index, element) { - var fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).slideUp(); - if (customField.length <= 20) { - $(element).slideUp(); - } - }); - } - } - function admin_listing_form(directory_type) { - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_dynamic_admin_listing_form', - directory_type: directory_type, - listing_id: $('#directiost-listing-fields_wrapper').data('id'), - directorist_nonce: directorist_admin.directorist_nonce - }, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - $('#directiost-listing-fields_wrapper .directorist-listing-fields').empty().append(response.data['listing_meta_fields']); - assetsNeedToWorkInVirtualDom(); - $('#at_biz_dir-locationchecklist').empty().html(response.data['listing_locations']); - $('#at_biz_dir-categorychecklist').empty().html(response.data['listing_categories']); - $('#at_biz_dir-categorychecklist-pop').empty().html(response.data['listing_pop_categories']); - $('#at_biz_dir-locationchecklist-pop').empty().html(response.data['listing_pop_locations']); - $('.misc-pub-atbdp-expiration-time').empty().html(response.data['listing_expiration']); - $('#listing_form_info').find('.directorist_loader').remove(); - $('select[name="directory_type"]').closest('#poststuff').find('#publishing-action').removeClass('directorist_disable'); - if ($('.directorist-color-field-js').length) { - $('.directorist-color-field-js').wpColorPicker().empty(); - } - window.dispatchEvent(new CustomEvent('directorist-reload-plupload')); - window.dispatchEvent(new CustomEvent('directorist-type-change')); - if (response.data['required_js_scripts']) { - var scripts = response.data['required_js_scripts']; - for (var script_id in scripts) { - var old_script = document.getElementById(script_id); - if (old_script) { - old_script.remove(); - } - var script = document.createElement('script'); - script.id = script_id; - script.src = scripts[script_id]; - document.body.appendChild(script); - } - } - customFieldSeeMore(); - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - } - }); - } - - // default directory type - $('body').on('click', '.submitdefault', function (e) { - e.preventDefault(); - $(this).children('.submitDefaultCheckbox').prop('checked', true); - var defaultSubmitDom = $(this); - defaultSubmitDom.closest('.directorist_listing-actions').append(""); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_listing_default_type', - type_id: $(this).data('type-id'), - nonce: directorist_admin.nonce - }, - success: function success(response) { - defaultSubmitDom.closest('.directorist_listing-actions').siblings('.directorist_notifier').append("".concat(response, "")); - defaultSubmitDom.closest('.directorist_listing-actions').children('.directorist_loader').remove(); - setTimeout(function () { - location.reload(); - }, 500); - } - }); - }); - function assetsNeedToWorkInVirtualDom() { - function getPriceTypeInput(typeId) { - return $("#".concat($("[for=\"".concat(typeId, "\"]")).data('option'))); - } - $('.directorist-form-pricing-field__options').on('change', 'input', function () { - var $otherOptions = $(this).parent().siblings('.directorist-checkbox').find('input'); - $otherOptions.prop('checked', false); - getPriceTypeInput($otherOptions.attr('id')).hide(); - if (this.checked) { - getPriceTypeInput(this.id).show(); - } else { - getPriceTypeInput(this.id).hide(); - } - }); - - // Must be placed after the event listener. - if ($('.directorist-form-pricing-field').hasClass('price-type-both')) { - $('#price_range, #price').hide(); - var $selectedPriceType = $('.directorist-form-pricing-field__options input:checked'); - if ($selectedPriceType.length) { - getPriceTypeInput($selectedPriceType.attr('id')).show(); - } else { - $($('.directorist-form-pricing-field__options input').get(0)).prop('checked', true).trigger('change'); - } - } - var imageUpload; - if (imageUpload) { - imageUpload.open(); - return; - } - $('.upload-header').on('click', function (element) { - element.preventDefault(); - imageUpload = wp.media.frames.file_frame = wp.media({ - title: directorist_admin.i18n_text.select_prv_img, - button: { - text: directorist_admin.i18n_text.insert_prv_img - } - }); - imageUpload.open(); - imageUpload.on('select', function () { - prv_image = imageUpload.state().get('selection').first().toJSON(); - prv_url = prv_image.id; - prv_img_url = prv_image.url; - $('.listing_prv_img').val(prv_url); - $('.change_listing_prv_img').attr('src', prv_img_url); - $('.upload-header').html('Change Preview Image'); - $('.remove_prev_img').show(); - }); - imageUpload.open(); - }); - $('.remove_prev_img').on('click', function (e) { - $(this).hide(); - $('.listing_prv_img').attr('value', ''); - $('.change_listing_prv_img').attr('src', ''); - e.preventDefault(); - }); - if ($('.change_listing_prv_img').attr('src') === '') { - $('.remove_prev_img').hide(); - } else if ($('.change_listing_prv_img').attr('src') !== '') { - $('.remove_prev_img').show(); - } - - /* Show and hide manual coordinate input field */ - if (!$('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').hide(); - } - $('#manual_coordinate').on('click', function (e) { - if ($('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').show(); - } else { - $('.directorist-map-coordinates').hide(); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-4.js": -/*!***************************************************!*\ + }); + + // ---------------------------------------------------------------------------------- + + // Custom Tab Support Status + $('.atbds_wrapper a.nav-link').on('click', function (e) { + e.preventDefault(); + + //console.log($(this).data('tabarea')); + var atbds_tabParent = $(this) + .parent() + .parent() + .find('a.nav-link'); + var $href = $(this).attr('href'); + $(atbds_tabParent).removeClass('active'); + $(this).addClass('active'); + //console.log($(".tab-content[data-tabarea='atbds_system-info-tab']")); + + switch ($(this).data('tabarea')) { + case 'atbds_system-status-tab': + $( + ".tab-content[data-tabarea='atbds_system-status-tab'] >.tab-pane" + ).removeClass('active show'); + $( + ".tab-content[data-tabarea='atbds_system-status-tab'] ".concat( + $href + ) + ).addClass('active show'); + break; + case 'atbds_system-info-tab': + $( + ".tab-content[data-tabarea='atbds_system-info-tab'] >.tab-pane" + ).removeClass('active show'); + $( + ".tab-content[data-tabarea='atbds_system-info-tab'] ".concat( + $href + ) + ).addClass('active show'); + break; + default: + break; + } + }); + + // Custom Tooltip Support Added + $('.atbds_tooltip').on('hover', function () { + var toolTipLabel = $(this).data('label'); + //console.log(toolTipLabel); + $(this).find('.atbds_tooltip__text').text(toolTipLabel); + $(this).find('.atbds_tooltip__text').addClass('show'); + }); + $('.atbds_tooltip').on('mouseleave', function () { + $('.atbds_tooltip__text').removeClass('show'); + }); + var directory_type = $( + 'select[name="directory_type"]' + ).val(); + if (directory_type) { + admin_listing_form(directory_type); + } + var localized_data = directorist_admin.add_listing_data; + $('body').on( + 'change', + 'select[name="directory_type"]', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function () { + $(this) + .parent('.inside') + .append( + '' + ); + admin_listing_form($(this).val()); + $(this) + .closest('#poststuff') + .find('#publishing-action') + .addClass('directorist_disable'); + if (!localized_data.is_admin) { + if ($('#directorist-select-st-s-js').length) { + pureScriptSelect( + '#directorist-select-st-s-js' + ); + } + if ($('#directorist-select-st-e-js').length) { + pureScriptSelect( + '#directorist-select-st-e-js' + ); + } + if ($('#directorist-select-sn-s-js').length) { + pureScriptSelect( + '#directorist-select-sn-s-js' + ); + } + if ($('#directorist-select-mn-e-js').length) { + pureScriptSelect( + '#directorist-select-sn-e-js' + ); + } + if ($('#directorist-select-mn-s-js').length) { + pureScriptSelect( + '#directorist-select-mn-s-js' + ); + } + if ($('#directorist-select-mn-e-js').length) { + pureScriptSelect( + '#directorist-select-mn-e-js' + ); + } + if ($('#directorist-select-tu-s-js').length) { + pureScriptSelect( + '#directorist-select-tu-s-js' + ); + } + if ($('#directorist-select-tu-e-js').length) { + pureScriptSelect( + '#directorist-select-tu-e-js' + ); + } + if ($('#directorist-select-wd-s-js').length) { + pureScriptSelect( + '#directorist-select-wd-s-js' + ); + } + if ($('#directorist-select-wd-e-js').length) { + pureScriptSelect( + '#directorist-select-wd-e-js' + ); + } + if ($('#directorist-select-th-s-js').length) { + pureScriptSelect( + '#directorist-select-th-s-js' + ); + } + if ($('#directorist-select-th-e-js').length) { + pureScriptSelect( + '#directorist-select-th-e-js' + ); + } + if ($('#directorist-select-fr-s-js').length) { + pureScriptSelect( + '#directorist-select-fr-s-js' + ); + } + if ($('#directorist-select-fr-e-js').length) { + pureScriptSelect( + '#directorist-select-fr-e-js' + ); + } + } + }, 270) + ); + + // Custom Field Checkbox Button More + function customFieldSeeMore() { + if ($('.directorist-custom-field-btn-more').length) { + $('.directorist-custom-field-btn-more').each( + function (index, element) { + var fieldWrapper = $(element).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField) + .slice(20, customField.length) + .slideUp(); + if (customField.length <= 20) { + $(element).slideUp(); + } + } + ); + } + } + function admin_listing_form(directory_type) { + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_dynamic_admin_listing_form', + directory_type: directory_type, + listing_id: $( + '#directiost-listing-fields_wrapper' + ).data('id'), + directorist_nonce: + directorist_admin.directorist_nonce, + }, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + $( + '#directiost-listing-fields_wrapper .directorist-listing-fields' + ) + .empty() + .append( + response.data['listing_meta_fields'] + ); + assetsNeedToWorkInVirtualDom(); + $('#at_biz_dir-locationchecklist') + .empty() + .html(response.data['listing_locations']); + $('#at_biz_dir-categorychecklist') + .empty() + .html(response.data['listing_categories']); + $('#at_biz_dir-categorychecklist-pop') + .empty() + .html( + response.data['listing_pop_categories'] + ); + $('#at_biz_dir-locationchecklist-pop') + .empty() + .html( + response.data['listing_pop_locations'] + ); + $('.misc-pub-atbdp-expiration-time') + .empty() + .html(response.data['listing_expiration']); + $('#listing_form_info') + .find('.directorist_loader') + .remove(); + $('select[name="directory_type"]') + .closest('#poststuff') + .find('#publishing-action') + .removeClass('directorist_disable'); + if ($('.directorist-color-field-js').length) { + $('.directorist-color-field-js') + .wpColorPicker() + .empty(); + } + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-plupload' + ) + ); + window.dispatchEvent( + new CustomEvent('directorist-type-change') + ); + if (response.data['required_js_scripts']) { + var scripts = + response.data['required_js_scripts']; + for (var script_id in scripts) { + var old_script = + document.getElementById(script_id); + if (old_script) { + old_script.remove(); + } + var script = + document.createElement('script'); + script.id = script_id; + script.src = scripts[script_id]; + document.body.appendChild(script); + } + } + customFieldSeeMore(); + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + }, + }); + } + + // default directory type + $('body').on('click', '.submitdefault', function (e) { + e.preventDefault(); + $(this) + .children('.submitDefaultCheckbox') + .prop('checked', true); + var defaultSubmitDom = $(this); + defaultSubmitDom + .closest('.directorist_listing-actions') + .append(''); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_listing_default_type', + type_id: $(this).data('type-id'), + nonce: directorist_admin.nonce, + }, + success: function success(response) { + defaultSubmitDom + .closest('.directorist_listing-actions') + .siblings('.directorist_notifier') + .append( + ''.concat( + response, + '' + ) + ); + defaultSubmitDom + .closest('.directorist_listing-actions') + .children('.directorist_loader') + .remove(); + setTimeout(function () { + location.reload(); + }, 500); + }, + }); + }); + function assetsNeedToWorkInVirtualDom() { + function getPriceTypeInput(typeId) { + return $( + '#'.concat( + $('[for="'.concat(typeId, '"]')).data( + 'option' + ) + ) + ); + } + $('.directorist-form-pricing-field__options').on( + 'change', + 'input', + function () { + var $otherOptions = $(this) + .parent() + .siblings('.directorist-checkbox') + .find('input'); + $otherOptions.prop('checked', false); + getPriceTypeInput( + $otherOptions.attr('id') + ).hide(); + if (this.checked) { + getPriceTypeInput(this.id).show(); + } else { + getPriceTypeInput(this.id).hide(); + } + } + ); + + // Must be placed after the event listener. + if ( + $('.directorist-form-pricing-field').hasClass( + 'price-type-both' + ) + ) { + $('#price_range, #price').hide(); + var $selectedPriceType = $( + '.directorist-form-pricing-field__options input:checked' + ); + if ($selectedPriceType.length) { + getPriceTypeInput( + $selectedPriceType.attr('id') + ).show(); + } else { + $( + $( + '.directorist-form-pricing-field__options input' + ).get(0) + ) + .prop('checked', true) + .trigger('change'); + } + } + var imageUpload; + if (imageUpload) { + imageUpload.open(); + return; + } + $('.upload-header').on('click', function (element) { + element.preventDefault(); + imageUpload = wp.media.frames.file_frame = wp.media( + { + title: directorist_admin.i18n_text + .select_prv_img, + button: { + text: directorist_admin.i18n_text + .insert_prv_img, + }, + } + ); + imageUpload.open(); + imageUpload.on('select', function () { + prv_image = imageUpload + .state() + .get('selection') + .first() + .toJSON(); + prv_url = prv_image.id; + prv_img_url = prv_image.url; + $('.listing_prv_img').val(prv_url); + $('.change_listing_prv_img').attr( + 'src', + prv_img_url + ); + $('.upload-header').html( + 'Change Preview Image' + ); + $('.remove_prev_img').show(); + }); + imageUpload.open(); + }); + $('.remove_prev_img').on('click', function (e) { + $(this).hide(); + $('.listing_prv_img').attr('value', ''); + $('.change_listing_prv_img').attr('src', ''); + e.preventDefault(); + }); + if ($('.change_listing_prv_img').attr('src') === '') { + $('.remove_prev_img').hide(); + } else if ( + $('.change_listing_prv_img').attr('src') !== '' + ) { + $('.remove_prev_img').show(); + } + + /* Show and hide manual coordinate input field */ + if (!$('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').hide(); + } + $('#manual_coordinate').on('click', function (e) { + if ($('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').show(); + } else { + $('.directorist-map-coordinates').hide(); + } + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-4.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-4.js ***! \***************************************************/ -/***/ (function() { - -/* + /***/ function () { + /* Plugin: PureScriptTab Version: 1.0.0 License: MIT */ -var pureScriptTab = function pureScriptTab(selector1) { - var selector = document.querySelectorAll(selector1); - selector.forEach(function (el, index) { - a = el.querySelectorAll('.directorist-tab__nav__link'); - a.forEach(function (element, index) { - element.style.cursor = 'pointer'; - element.addEventListener('click', function (event) { - event.preventDefault(); - event.stopPropagation(); - var ul = event.target.closest('.directorist-tab__nav'); - var main = ul.nextElementSibling; - var item_a = ul.querySelectorAll('.directorist-tab__nav__link'); - var section = main.querySelectorAll('.directorist-tab__pane'); - item_a.forEach(function (ela, ind) { - ela.classList.remove('directorist-tab__nav__active'); - }); - event.target.classList.add('directorist-tab__nav__active'); - section.forEach(function (element1, index) { - // console.log(element1); - element1.classList.remove('directorist-tab__pane--active'); - }); - var target = event.target.target; - document.getElementById(target).classList.add('directorist-tab__pane--active'); - }); - }); - }); -}; -pureScriptTab('.directorist_builder--tab'); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-5.js": -/*!***************************************************!*\ + var pureScriptTab = function pureScriptTab(selector1) { + var selector = document.querySelectorAll(selector1); + selector.forEach(function (el, index) { + a = el.querySelectorAll('.directorist-tab__nav__link'); + a.forEach(function (element, index) { + element.style.cursor = 'pointer'; + element.addEventListener('click', function (event) { + event.preventDefault(); + event.stopPropagation(); + var ul = event.target.closest( + '.directorist-tab__nav' + ); + var main = ul.nextElementSibling; + var item_a = ul.querySelectorAll( + '.directorist-tab__nav__link' + ); + var section = main.querySelectorAll( + '.directorist-tab__pane' + ); + item_a.forEach(function (ela, ind) { + ela.classList.remove( + 'directorist-tab__nav__active' + ); + }); + event.target.classList.add( + 'directorist-tab__nav__active' + ); + section.forEach(function (element1, index) { + // console.log(element1); + element1.classList.remove( + 'directorist-tab__pane--active' + ); + }); + var target = event.target.target; + document + .getElementById(target) + .classList.add( + 'directorist-tab__pane--active' + ); + }); + }); + }); + }; + pureScriptTab('.directorist_builder--tab'); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-5.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-5.js ***! \***************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - // Init Category Icon Picker - function initCategoryIconPicker() { - var iconPickerContainer = document.querySelector('.directorist-category-icon-picker'); - if (!iconPickerContainer) { - return; - } - var iconValueElm = document.querySelector('.category_icon_value'); - var iconValue = iconValueElm ? iconValueElm.value : ''; - var onSelectIcon = function onSelectIcon(value) { - iconValueElm.setAttribute('value', value); - }; - var args = {}; - args.container = iconPickerContainer; - args.onSelect = onSelectIcon; - args.icons = { - fontAwesome: directoriistFontAwesomeIcons, - lineAwesome: directoriistLineAwesomeIcons - }; - args.value = iconValue; - args.labels = directorist_admin.icon_picker_labels; - var iconPicker = new IconPicker(args); - iconPicker.init(); - } - initCategoryIconPicker(); - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - var $elem = $(" ").concat(selected.text, "")); - return $elem; - } - if ($('#category_icon').length) { - $('#category_icon').select2({ - placeholder: directorist_admin.i18n_text.icon_choose_text, - allowClear: true, - templateResult: selecWithIcon - }); - } - $('body').on('click', '.directorist_settings-trigger', function () { - $('.setting-left-sibebar').toggleClass('active'); - $('.directorist_settings-panel-shade').toggleClass('active'); - }); - $('body').on('click', '.directorist_settings-panel-shade', function () { - $('.setting-left-sibebar').removeClass('active'); - $(this).removeClass('active'); - }); - - // Directorist More Dropdown - $('body').on('click', '.directorist_more-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).toggleClass('active'); - $('.directorist_more-dropdown-option').removeClass('active'); - $(this).siblings('.directorist_more-dropdown-option').removeClass('active'); - $(this).next('.directorist_more-dropdown-option').toggleClass('active'); - e.stopPropagation(); - }); - $(document).on('click', function (e) { - if ($(e.target).is('.directorist_more-dropdown-toggle, .active') === false) { - $('.directorist_more-dropdown-option').removeClass('active'); - $('.directorist_more-dropdown-toggle').removeClass('active'); - } - }); - - // Select Dropdown - $('body').on('click', '.directorist_dropdown .directorist_dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist_dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist_dropdown .directorist_dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist_dropdown-toggle__text').html(optionText); - $(this).closest('.directorist_dropdown-option').siblings('.directorist_dropdown-toggle').children('.directorist_dropdown-toggle__text').html(optionText); - $('.directorist_dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDom = $(e.target); - if (!clickedDom.parents().hasClass('directorist_dropdown')) { - $('.directorist_dropdown-option').hide(); - } - }); - $('.directorist-type-slug-content').each(function (id, element) { - var slugWrapper = $(element).children('.directorist_listing-slug-text'); - var oldSlugVal = slugWrapper.attr('data-value'); - - // Edit Slug on Click - slugWrapper.on('click', function (e) { - e.preventDefault(); - // Check if any other slug is editable - $('.directorist_listing-slug-text[contenteditable="true"]').each(function () { - if ($(this).is(slugWrapper)) return; // Skip current slug - - $(document).trigger('click'); // Click outside to save the previous slug - }); - - // Set the current slug as editable - $(this).attr('contenteditable', true); - $(this).addClass('directorist_listing-slug-text--editable'); - $(this).focus(); - }); - - // Slug Edit and Save on Enter Keypress - slugWrapper.on('input keypress', function (e) { - var slugText = $(this).text(); - $(this).attr('data-value', slugText); - - // Save on Enter Key - if (e.key === 'Enter' && slugText.trim() !== '') { - e.preventDefault(); - saveSlug(slugWrapper); // Trigger save function - } - - // Prevent empty save on Enter key - if (slugText.trim() === '' && e.key === 'Enter') { - e.preventDefault(); - } - }); - - // Save Slug on Clicking Outside the Editable Field - $(document).on('click', function (e) { - if (slugWrapper.attr('contenteditable') === 'true' && !$(e.target).closest('.directorist_listing-slug-text').length) { - var slugText = slugWrapper.text(); - - // If the slug was changed, save the new value - if (oldSlugVal.trim() !== slugText.trim()) { - saveSlug(slugWrapper); - } - - // Exit editing mode - slugWrapper.attr('contenteditable', 'false').removeClass('directorist_listing-slug-text--editable'); - } - }); - - // Save slug function - function saveSlug(slugWrapper) { - var type_id = slugWrapper.data('type-id'); - var newSlugVal = slugWrapper.attr('data-value'); - var slugId = $('.directorist-slug-notice-' + type_id); // Use the correct slug notice element - - // Show loading indicator - slugWrapper.after(""); - - // AJAX request to save the slug - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'directorist_type_slug_change', - directorist_nonce: directorist_admin.directorist_nonce, - type_id: type_id, - update_slug: newSlugVal - }, - success: function success(response) { - // Remove loader - slugWrapper.siblings('.directorist_loader').remove(); - if (response) { - if (response.error) { - // Handle error case - slugId.removeClass('directorist-slug-notice-success'); - slugId.addClass('directorist-slug-notice-error'); - slugId.empty().html(response.error); - - // Revert to old slug on error - if (response.old_slug) { - slugWrapper.text(response.old_slug); - } - setTimeout(function () { - slugId.empty().html(''); - }, 3000); - } else { - // Handle success case - slugId.empty().html(response.success); - slugId.removeClass('directorist-slug-notice-error'); - slugId.addClass('directorist-slug-notice-success'); - setTimeout(function () { - slugWrapper.closest('.directorist-listing-slug__form').css({ - display: 'none' - }); - slugId.html(''); // Clear the success message - }, 1500); - - // Update old slug value - oldSlugVal = newSlugVal; - } - } - - // Reset editable state and classes - slugWrapper.attr('contenteditable', 'false').removeClass('directorist_listing-slug-text--editable'); - } - }); - } - }); - - // Tab Content - // Modular, classes has no styling, so reusable - $('.atbdp-tab__nav-link').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - var current_item = $(this).parent(); - // Active Nav Item - $('.atbdp-tab__nav-item').removeClass('active'); - current_item.addClass('active'); - // Active Tab Content - $('.atbdp-tab__content').removeClass('active'); - $(data_target).addClass('active'); - }); - - // Custom - $('.atbdp-tab-nav-menu__link').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - var current_item = $(this).parent(); - // Active Nav Item - $('.atbdp-tab-nav-menu__item').removeClass('active'); - current_item.addClass('active'); - // Active Tab Content - $('.atbdp-tab-content').removeClass('active'); - $(data_target).addClass('active'); - }); - - // Section Toggle - $('.atbdp-section-toggle').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - $(data_target).slideToggle(); - }); - - // Accordion Toggle - $('.atbdp-accordion-toggle').on('click', function (e) { - e.preventDefault(); - var data_parent = $(this).data('parent'); - var data_target = $(this).data('target'); - if ($(data_target).hasClass('active')) { - $(data_target).removeClass('active'); - $(data_target).slideUp(); - } else { - $(data_parent).find('.atbdp-accordion-content').removeClass('active'); - $(data_target).toggleClass('active'); - $(data_parent).find('.atbdp-accordion-content').slideUp(); - $(data_target).slideToggle(); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/subscriptionManagement.js": -/*!******************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + // Init Category Icon Picker + function initCategoryIconPicker() { + var iconPickerContainer = document.querySelector( + '.directorist-category-icon-picker' + ); + if (!iconPickerContainer) { + return; + } + var iconValueElm = document.querySelector( + '.category_icon_value' + ); + var iconValue = iconValueElm ? iconValueElm.value : ''; + var onSelectIcon = function onSelectIcon(value) { + iconValueElm.setAttribute('value', value); + }; + var args = {}; + args.container = iconPickerContainer; + args.onSelect = onSelectIcon; + args.icons = { + fontAwesome: directoriistFontAwesomeIcons, + lineAwesome: directoriistLineAwesomeIcons, + }; + args.value = iconValue; + args.labels = directorist_admin.icon_picker_labels; + var iconPicker = new IconPicker(args); + iconPicker.init(); + } + initCategoryIconPicker(); + + // Category icon selection + function selecWithIcon(selected) { + if (!selected.id) { + return selected.text; + } + var $elem = $( + " ") + .concat(selected.text, '') + ); + return $elem; + } + if ($('#category_icon').length) { + $('#category_icon').select2({ + placeholder: + directorist_admin.i18n_text.icon_choose_text, + allowClear: true, + templateResult: selecWithIcon, + }); + } + $('body').on( + 'click', + '.directorist_settings-trigger', + function () { + $('.setting-left-sibebar').toggleClass('active'); + $('.directorist_settings-panel-shade').toggleClass( + 'active' + ); + } + ); + $('body').on( + 'click', + '.directorist_settings-panel-shade', + function () { + $('.setting-left-sibebar').removeClass('active'); + $(this).removeClass('active'); + } + ); + + // Directorist More Dropdown + $('body').on( + 'click', + '.directorist_more-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this).toggleClass('active'); + $('.directorist_more-dropdown-option').removeClass( + 'active' + ); + $(this) + .siblings('.directorist_more-dropdown-option') + .removeClass('active'); + $(this) + .next('.directorist_more-dropdown-option') + .toggleClass('active'); + e.stopPropagation(); + } + ); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.directorist_more-dropdown-toggle, .active' + ) === false + ) { + $('.directorist_more-dropdown-option').removeClass( + 'active' + ); + $('.directorist_more-dropdown-toggle').removeClass( + 'active' + ); + } + }); + + // Select Dropdown + $('body').on( + 'click', + '.directorist_dropdown .directorist_dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist_dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist_dropdown .directorist_dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children('.directorist_dropdown-toggle__text') + .html(optionText); + $(this) + .closest('.directorist_dropdown-option') + .siblings('.directorist_dropdown-toggle') + .children('.directorist_dropdown-toggle__text') + .html(optionText); + $('.directorist_dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDom = $(e.target); + if ( + !clickedDom + .parents() + .hasClass('directorist_dropdown') + ) { + $('.directorist_dropdown-option').hide(); + } + }); + $('.directorist-type-slug-content').each( + function (id, element) { + var slugWrapper = $(element).children( + '.directorist_listing-slug-text' + ); + var oldSlugVal = slugWrapper.attr('data-value'); + + // Edit Slug on Click + slugWrapper.on('click', function (e) { + e.preventDefault(); + // Check if any other slug is editable + $( + '.directorist_listing-slug-text[contenteditable="true"]' + ).each(function () { + if ($(this).is(slugWrapper)) return; // Skip current slug + + $(document).trigger('click'); // Click outside to save the previous slug + }); + + // Set the current slug as editable + $(this).attr('contenteditable', true); + $(this).addClass( + 'directorist_listing-slug-text--editable' + ); + $(this).focus(); + }); + + // Slug Edit and Save on Enter Keypress + slugWrapper.on('input keypress', function (e) { + var slugText = $(this).text(); + $(this).attr('data-value', slugText); + + // Save on Enter Key + if ( + e.key === 'Enter' && + slugText.trim() !== '' + ) { + e.preventDefault(); + saveSlug(slugWrapper); // Trigger save function + } + + // Prevent empty save on Enter key + if ( + slugText.trim() === '' && + e.key === 'Enter' + ) { + e.preventDefault(); + } + }); + + // Save Slug on Clicking Outside the Editable Field + $(document).on('click', function (e) { + if ( + slugWrapper.attr('contenteditable') === + 'true' && + !$(e.target).closest( + '.directorist_listing-slug-text' + ).length + ) { + var slugText = slugWrapper.text(); + + // If the slug was changed, save the new value + if (oldSlugVal.trim() !== slugText.trim()) { + saveSlug(slugWrapper); + } + + // Exit editing mode + slugWrapper + .attr('contenteditable', 'false') + .removeClass( + 'directorist_listing-slug-text--editable' + ); + } + }); + + // Save slug function + function saveSlug(slugWrapper) { + var type_id = slugWrapper.data('type-id'); + var newSlugVal = slugWrapper.attr('data-value'); + var slugId = $( + '.directorist-slug-notice-' + type_id + ); // Use the correct slug notice element + + // Show loading indicator + slugWrapper.after( + '' + ); + + // AJAX request to save the slug + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'directorist_type_slug_change', + directorist_nonce: + directorist_admin.directorist_nonce, + type_id: type_id, + update_slug: newSlugVal, + }, + success: function success(response) { + // Remove loader + slugWrapper + .siblings('.directorist_loader') + .remove(); + if (response) { + if (response.error) { + // Handle error case + slugId.removeClass( + 'directorist-slug-notice-success' + ); + slugId.addClass( + 'directorist-slug-notice-error' + ); + slugId + .empty() + .html(response.error); + + // Revert to old slug on error + if (response.old_slug) { + slugWrapper.text( + response.old_slug + ); + } + setTimeout(function () { + slugId.empty().html(''); + }, 3000); + } else { + // Handle success case + slugId + .empty() + .html(response.success); + slugId.removeClass( + 'directorist-slug-notice-error' + ); + slugId.addClass( + 'directorist-slug-notice-success' + ); + setTimeout(function () { + slugWrapper + .closest( + '.directorist-listing-slug__form' + ) + .css({ + display: 'none', + }); + slugId.html(''); // Clear the success message + }, 1500); + + // Update old slug value + oldSlugVal = newSlugVal; + } + } + + // Reset editable state and classes + slugWrapper + .attr('contenteditable', 'false') + .removeClass( + 'directorist_listing-slug-text--editable' + ); + }, + }); + } + } + ); + + // Tab Content + // Modular, classes has no styling, so reusable + $('.atbdp-tab__nav-link').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + var current_item = $(this).parent(); + // Active Nav Item + $('.atbdp-tab__nav-item').removeClass('active'); + current_item.addClass('active'); + // Active Tab Content + $('.atbdp-tab__content').removeClass('active'); + $(data_target).addClass('active'); + }); + + // Custom + $('.atbdp-tab-nav-menu__link').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + var current_item = $(this).parent(); + // Active Nav Item + $('.atbdp-tab-nav-menu__item').removeClass('active'); + current_item.addClass('active'); + // Active Tab Content + $('.atbdp-tab-content').removeClass('active'); + $(data_target).addClass('active'); + }); + + // Section Toggle + $('.atbdp-section-toggle').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + $(data_target).slideToggle(); + }); + + // Accordion Toggle + $('.atbdp-accordion-toggle').on('click', function (e) { + e.preventDefault(); + var data_parent = $(this).data('parent'); + var data_target = $(this).data('target'); + if ($(data_target).hasClass('active')) { + $(data_target).removeClass('active'); + $(data_target).slideUp(); + } else { + $(data_parent) + .find('.atbdp-accordion-content') + .removeClass('active'); + $(data_target).toggleClass('active'); + $(data_parent) + .find('.atbdp-accordion-content') + .slideUp(); + $(data_target).slideToggle(); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/subscriptionManagement.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/subscriptionManagement.js ***! \******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - var $ = jQuery; - - // License Authentication - // ---------------------------------------------------------- - // atbdp_get_license_authentication - var is_sending = false; - $('#atbdp-directorist-license-login-form').on('submit', function (e) { - e.preventDefault(); - if (is_sending) { - return; - } - var form = $(this); - var submit_button = form.find('button[type="submit"]'); - var form_data = { - action: 'atbdp_authenticate_the_customer', - username: form.find('input[name="username"]').val(), - password: form.find('input[name="password"]').val(), - nonce: directorist_admin.nonce - }; - $('.atbdp-form-feedback').html(''); - is_sending = true; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - submit_button.prepend(''); - submit_button.attr('disabled', true); - }, - success: function success(response) { - var _response$status, _response$status2; - // console.log({response}); - - if (response.has_previous_subscriptions) { - location.reload(); - return; - } - is_sending = false; - submit_button.attr('disabled', false); - submit_button.find('.atbdp-loading').remove(); - if (response !== null && response !== void 0 && (_response$status = response.status) !== null && _response$status !== void 0 && _response$status.log) { - for (var feedback in response.status.log) { - var alert_type = response.status.log[feedback].type; - var _alert = "
    ").concat(alert_message, "
    "); - $('.atbdp-form-feedback').append(_alert); - } - } - if (response !== null && response !== void 0 && (_response$status2 = response.status) !== null && _response$status2 !== void 0 && _response$status2.success) { - location.reload(); - return; - // removed by dead control flow - - // removed by dead control flow - - // removed by dead control flow - var form_response_page; - // removed by dead control flow - - - // Append Response - // removed by dead control flow - - // removed by dead control flow - var themes; - // removed by dead control flow - var plugins; - // removed by dead control flow - var total_theme; - // removed by dead control flow - var total_plugin; - - // console.log( { plugins, themes } ); - - // removed by dead control flow - var title; - // removed by dead control flow - var title; - // removed by dead control flow - - - // Show Log - Themes - // removed by dead control flow - var li, list_action, label, checkbox, theme, _iterator, _step, counter, theme_check_lists, theme_title, theme_section; - - // Show Log - Extensions - // removed by dead control flow - var li, label, list_action, checkbox, extension, _iterator2, _step2, counter, plugin_check_lists, plugin_title, plugin_section; - // removed by dead control flow - var continue_button; - // removed by dead control flow - var skip_button; - // removed by dead control flow - - // removed by dead control flow - - // removed by dead control flow - - } - }, - error: function error(_error2) { - console.log(_error2); - is_sending = false; - submit_button.attr('disabled', false); - submit_button.find('.atbdp-loading').remove(); - } - }); - }); - - // Reload Button - $('body').on('click', '.reload', function (e) { - e.preventDefault(); - // console.log('reloading...'); - location.reload(); - }); - - // Extension Update Button - $('.ext-update-btn').on('click', function (e) { - e.preventDefault(); - $(this).prop('disabled', true); - var plugin_key = $(this).data('key'); - var button_default_html = $(this).html(); - var form_data = { - action: 'atbdp_update_plugins', - nonce: directorist_admin.nonce - }; - if (plugin_key) { - form_data.plugin_key = plugin_key; - } - - // console.log( { plugin_key } ); - - var self = this; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - var icon = ' Updating'; - $(self).html(icon); - }, - success: function success(response) { - // console.log( { response } ); - - if (response.status.success) { - $(self).html('Updated'); - location.reload(); - } else { - $(self).html(button_default_html); - alert(response.status.message); - } - }, - error: function error(_error3) { - console.log(_error3); - $(self).html(button_default_html); - $(this).prop('disabled', false); - } - }); - }); - - // Install Button - $('.file-install-btn').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('in-progress')) { - // console.log('Wait...'); - return; - } - var data_key = $(this).data('key'); - var data_type = $(this).data('type'); - var form_data = { - action: 'atbdp_install_file_from_subscriptions', - item_key: data_key, - type: data_type, - nonce: directorist_admin.nonce - }; - var btn_default_html = $(this).html(); - ext_is_installing = true; - var self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html('Installing'); - var icon = ' '; - $(self).prepend(icon); - }, - success: function success(response) { - // console.log(response); - - if (response.status && !response.status.success && response.status.message) { - alert(response.status.message); - } - if (response.status && response.status.success) { - $(self).html('Installed'); - location.reload(); - } else { - $(self).html('Failed'); - } - }, - error: function error(_error4) { - console.log(_error4); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - }); - - // Plugin Active Button - $('.plugin-active-btn').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('in-progress')) { - // console.log('Wait...'); - return; - } - var data_key = $(this).data('key'); - var form_data = { - action: 'atbdp_activate_plugin', - item_key: data_key, - nonce: directorist_admin.nonce - }; - var btn_default_html = $(this).html(); - var self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html('Activating'); - var icon = ' '; - $(self).prepend(icon); - }, - success: function success(response) { - // console.log(response); - - // return; - - if (response.status && !response.status.success && response.status.message) { - alert(response.status.message); - } - if (response.status && response.status.success) { - $(self).html('Activated'); - } else { - $(self).html('Failed'); - } - location.reload(); - }, - error: function error(_error5) { - console.log(_error5); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - }); - - // Purchase refresh btn - $('.purchase-refresh-btn').on('click', function (e) { - e.preventDefault(); - var purchase_refresh_btn_wrapper = $(this).parent(); - var auth_section = $('.et-auth-section'); - $(purchase_refresh_btn_wrapper).animate({ - width: 0 - }, 500); - $(auth_section).animate({ - width: 330 - }, 500); - }); - - // et-close-auth-btn - $('.et-close-auth-btn').on('click', function (e) { - e.preventDefault(); - var auth_section = $('.et-auth-section'); - var purchase_refresh_btn_wrapper = $('.purchase-refresh-btn-wrapper'); - $(purchase_refresh_btn_wrapper).animate({ - width: 182 - }, 500); - $(auth_section).animate({ - width: 0 - }, 500); - }); - - // purchase-refresh-form - $('#purchase-refresh-form').on('submit', function (e) { - e.preventDefault(); - // console.log( 'purchase-refresh-form' ); - - var submit_btn = $(this).find('button[type="submit"]'); - var btn_default_html = submit_btn.html(); - var close_btn = $(this).find('.et-close-auth-btn'); - var form_feedback = $(this).find('.atbdp-form-feedback'); - $(submit_btn).prop('disabled', true); - $(close_btn).addClass('atbdp-d-none'); - var password = $(this).find('input[name="password"]').val(); - var form_data = { - action: 'atbdp_refresh_purchase_status', - password: password, - nonce: directorist_admin.nonce - }; - form_feedback.html(''); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(submit_btn).html(''); - }, - success: function success(response) { - // console.log(response); - - if (response.status.message) { - var feedback_type = response.status.success ? 'success' : 'danger'; - var message = "").concat(response.status.message, ""); - form_feedback.html(message); - } - if (!response.status.success) { - $(submit_btn).html(btn_default_html); - $(submit_btn).prop('disabled', false); - $(close_btn).removeClass('atbdp-d-none'); - if (response.status.reload) { - location.reload(); - } - } else { - location.reload(); - } - }, - error: function error(_error6) { - console.log(_error6); - $(submit_btn).prop('disabled', false); - $(submit_btn).html(btn_default_html); - $(close_btn).removeClass('atbdp-d-none'); - } - }); - }); - - // Logout - $('.subscriptions-logout-btn').on('click', function (e) { - e.preventDefault(); - var hard_logout = $(this).data('hard-logout'); - var form_data = { - action: 'atbdp_close_subscriptions_sassion', - hard_logout: hard_logout, - nonce: directorist_admin.nonce - }; - var self = this; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' Logging out'); - }, - success: function success(response) { - // console.log( response ); - location.reload(); - }, - error: function error(_error7) { - // console.log(error); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - - // atbdp_close_subscriptions_sassion - }); - - // Form Actions - // Apply button active status - My extension form - var extFormCheckboxes = document.querySelectorAll('#atbdp-extensions-tab input[type="checkbox"]'); - var extFormActionSelect = document.querySelectorAll('#atbdp-extensions-tab select[name="bulk-actions"]'); - //console.log(extFormActionSelect); - extFormCheckboxes.forEach(function (elm) { - var thisClosest = elm.closest('form'); - var bulkAction = thisClosest.querySelector('.ei-action-dropdown select'); - var actionBtn = thisClosest.querySelector('.ei-action-btn'); - elm.addEventListener('change', function () { - this.checked === true && bulkAction.value !== '' ? actionBtn.classList.add('ei-action-active') : this.checked === false ? actionBtn.classList.remove('ei-action-active') : ''; - }); - }); - extFormActionSelect.forEach(function (elm) { - var thisClosest = elm.closest('form'); - var checkboxes = thisClosest.querySelectorAll('input[type="checkbox"]'); - var actionBtn = thisClosest.querySelector('.ei-action-btn'); - elm.addEventListener('change', function () { - checkboxes.forEach(function (checkbox) { - if (checkbox.checked === true && this.value !== '') { - actionBtn.classList.add('ei-action-active'); - } - }); - if (this.value === '') { - actionBtn.classList.remove('ei-action-active'); - } - }); - }); - - // Bulk Actions - My extensions form - var is_bulk_processing = false; - $('#atbdp-my-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - $(this).find('.extension-name-checkbox').each(function (i, e) { - var is_checked = $(e).is(':checked'); - var id = $(e).attr('id'); - if (is_checked) { - plugins_items.push(id); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - var self = this; - is_bulk_processing = true; - form_data = { - action: 'atbdp_plugins_bulk_action', - task: task, - plugin_items: plugins_items, - directorist_nonce: directorist_admin.directorist_nonce - }; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).find('button[type="submit"]').prepend(' '); - }, - success: function success(response) { - $(self).find('button[type="submit"] .atbdp-icon').remove(); - location.reload(); - }, - error: function error(_error8) { - uninstalling = false; - } - }); - - // console.log( task, plugins_items ); - }); - - // Bulk Actions - My extensions form - var is_bulk_processing = false; - $('#atbdp-my-subscribed-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var self = this; - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - var tergeted_items_elm = '.extension-name-checkbox'; - $(self).find(tergeted_items_elm).each(function (i, e) { - var is_checked = $(e).is(':checked'); - var key = $(e).attr('name'); - if (is_checked) { - plugins_items.push(key); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - - // Before Install - $(this).find('.file-install-btn').prop('disabled', true).addClass('in-progress'); - var loading_icon = ' '; - $(this).find('button[type="submit"]').prop('disabled', true).prepend(loading_icon); - is_bulk_processing = true; - var after_bulk_process = function after_bulk_process() { - is_bulk_processing = false; - $(self).find('button[type="submit"]').find('.atbdp-icon').remove(); - $(self).find('button[type="submit"]').prop('disabled', false); - location.reload(); - }; - plugins_bulk_actions('install', plugins_items, after_bulk_process); - }); - - // Bulk Actions - Required extensions form - var is_bulk_processing = false; - $('#atbdp-required-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var self = this; - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - var tergeted_items_elm = 'install' === task ? '.extension-install-checkbox' : '.extension-activate-checkbox'; - $(self).find(tergeted_items_elm).each(function (i, e) { - var is_checked = $(e).is(':checked'); - var key = $(e).attr('value'); - if (is_checked) { - plugins_items.push(key); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - - // Before Install - $(this).find('.file-install-btn').prop('disabled', true).addClass('in-progress'); - $(this).find('.plugin-active-btn').prop('disabled', true).addClass('in-progress'); - var loading_icon = ' '; - $(this).find('button[type="submit"]').prop('disabled', true).prepend(loading_icon); - is_bulk_processing = true; - var after_bulk_process = function after_bulk_process() { - is_bulk_processing = false; - $(self).find('button[type="submit"]').find('.atbdp-icon').remove(); - $(self).find('button[type="submit"]').prop('disabled', false); - location.reload(); - }; - var available_task_list = ['install', 'activate']; - if (available_task_list.includes(task)) { - plugins_bulk_actions(task, plugins_items, after_bulk_process); - } - }); - - // plugins_bulk__actions - function plugins_bulk_actions(task, plugins_items, after_plugins_install) { - var action = { - install: 'atbdp_install_file_from_subscriptions', - activate: 'atbdp_activate_plugin' - }; - var btnLabelOnProgress = { - install: 'Installing', - activate: 'Activating' - }; - var btnLabelOnSuccess = { - install: 'Installed', - activate: 'Activated' - }; - var processStartBtn = { - install: '.file-install-btn', - activate: '.plugin-active-btn' - }; - var _bulk_task = function bulk_task(plugins, counter, callback) { - if (counter > plugins.length - 1) { - if (callback) { - callback(); - } - return; - } - var current_item = plugins[counter]; - var action_wrapper_key = 'install' === task ? plugins[counter] : plugins[counter].replace(/\/.+$/g, ''); - var action_wrapper = $(".ext-action-".concat(action_wrapper_key)); - var action_btn = action_wrapper.find(processStartBtn[task]); - var next_index = counter + 1; - var form_action = action[task] ? action[task] : ''; - form_data = { - action: form_action, - item_key: current_item, - type: 'plugin', - nonce: directorist_admin.nonce - }; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - action_btn.html("\n \n ".concat(btnLabelOnProgress[task])); - }, - success: function success(response) { - // console.log( { response } ); - if (response.status.success) { - action_btn.html(btnLabelOnSuccess[task]); - } else { - action_btn.html('Failed'); - } - _bulk_task(plugins, next_index, callback); - }, - error: function error(_error9) { - // console.log(error); - } - }); - }; - _bulk_task(plugins_items, 0, after_plugins_install); - } - - // Ext Actions | Uninstall - var uninstalling = false; - $('.ext-action-uninstall').on('click', function (e) { - e.preventDefault(); - if (uninstalling) { - return; - } - var data_target = $(this).data('target'); - var form_data = { - action: 'atbdp_plugins_bulk_action', - task: 'uninstall', - plugin_items: [data_target], - nonce: directorist_admin.nonce - }; - var self = this; - uninstalling = true; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).prepend(' '); - }, - success: function success(response) { - // console.log( response ); - $(self).closest('.ext-action').find('.ext-action-drop').removeClass('active'); - location.reload(); - }, - error: function error(_error0) { - // console.log(error); - uninstalling = false; - } - }); - }); - - // Bulk checkbox toggle - $('#select-all-installed').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-my-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-my-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - $('#select-all-subscription').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-my-subscribed-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-my-subscribed-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - $('#select-all-required-extensions').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-required-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-required-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - - // - $('.ext-action-drop').each(function (i, e) { - $(e).on('click', function (elm) { - elm.preventDefault(); - if ($(this).hasClass('active')) { - $(this).removeClass('active'); - } else { - $('.ext-action-drop').removeClass('active'); - $(this).addClass('active'); - } - }); - }); - - // Theme Activation - var theme_is_activating = false; - $('.theme-activate-btn').on('click', function (e) { - e.preventDefault(); - if (theme_is_activating) { - return; - } - var data_target = $(this).data('target'); - if (!data_target) { - return; - } - if (!data_target.length) { - return; - } - var form_data = { - action: 'atbdp_activate_theme', - theme_stylesheet: data_target, - nonce: directorist_admin.nonce - }; - var self = this; - theme_is_activating = true; - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).prepend(' '); - }, - success: function success(response) { - // console.log({ response }); - $(self).find('.atbdp-icon').remove(); - if (response.status && response.status.success) { - location.reload(); - } - }, - error: function error(_error1) { - // console.log({ error }); - theme_is_activating = false; - $(self).find('.atbdp-icon').remove(); - } - }); - }); - - // Theme Update - $('.theme-update-btn').on('click', function (e) { - e.preventDefault(); - $(this).prop('disabled', true); - if ($(this).hasClass('in-progress')) { - return; - } - var theme_stylesheet = $(this).data('target'); - var button_default_html = $(this).html(); - var form_data = { - action: 'atbdp_update_theme', - nonce: directorist_admin.nonce - }; - if (theme_stylesheet) { - form_data.theme_stylesheet = theme_stylesheet; - } - var self = this; - $(this).addClass('in-progress'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' Updating'); - }, - success: function success(response) { - // console.log({ response }); - - if (response.status && response.status.success) { - $(self).html('Updated'); - location.reload(); - } else { - $(self).removeClass('in-progress'); - $(self).html(button_default_html); - $(self).prop('disabled', false); - alert(response.status.message); - } - }, - error: function error(_error10) { - // console.log({ error }); - $(self).removeClass('in-progress'); - $(self).html(button_default_html); - $(self).prop('disabled', false); - } - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + var $ = jQuery; + + // License Authentication + // ---------------------------------------------------------- + // atbdp_get_license_authentication + var is_sending = false; + $('#atbdp-directorist-license-login-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_sending) { + return; + } + var form = $(this); + var submit_button = form.find( + 'button[type="submit"]' + ); + var form_data = { + action: 'atbdp_authenticate_the_customer', + username: form + .find('input[name="username"]') + .val(), + password: form + .find('input[name="password"]') + .val(), + nonce: directorist_admin.nonce, + }; + $('.atbdp-form-feedback').html(''); + is_sending = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + submit_button.prepend( + '' + ); + submit_button.attr('disabled', true); + }, + success: function success(response) { + var _response$status, _response$status2; + // console.log({response}); + + if (response.has_previous_subscriptions) { + location.reload(); + return; + } + is_sending = false; + submit_button.attr('disabled', false); + submit_button + .find('.atbdp-loading') + .remove(); + if ( + response !== null && + response !== void 0 && + (_response$status = response.status) !== + null && + _response$status !== void 0 && + _response$status.log + ) { + for (var feedback in response.status + .log) { + var alert_type = + response.status.log[feedback] + .type; + var _alert = + '
    ') + .concat( + alert_message, + '
    ' + ); + $('.atbdp-form-feedback').append( + _alert + ); + } + } + if ( + response !== null && + response !== void 0 && + (_response$status2 = + response.status) !== null && + _response$status2 !== void 0 && + _response$status2.success + ) { + location.reload(); + return; + // removed by dead control flow + + // removed by dead control flow + + // removed by dead control flow + var form_response_page; + // removed by dead control flow + + // Append Response + // removed by dead control flow + + // removed by dead control flow + var themes; + // removed by dead control flow + var plugins; + // removed by dead control flow + var total_theme; + // removed by dead control flow + var total_plugin; + + // console.log( { plugins, themes } ); + + // removed by dead control flow + var title; + // removed by dead control flow + var title; + // removed by dead control flow + + // Show Log - Themes + // removed by dead control flow + var li, + list_action, + label, + checkbox, + theme, + _iterator, + _step, + counter, + theme_check_lists, + theme_title, + theme_section; + + // Show Log - Extensions + // removed by dead control flow + var li, + label, + list_action, + checkbox, + extension, + _iterator2, + _step2, + counter, + plugin_check_lists, + plugin_title, + plugin_section; + // removed by dead control flow + var continue_button; + // removed by dead control flow + var skip_button; + // removed by dead control flow + + // removed by dead control flow + + // removed by dead control flow + } + }, + error: function error(_error2) { + console.log(_error2); + is_sending = false; + submit_button.attr('disabled', false); + submit_button + .find('.atbdp-loading') + .remove(); + }, + }); + } + ); + + // Reload Button + $('body').on('click', '.reload', function (e) { + e.preventDefault(); + // console.log('reloading...'); + location.reload(); + }); + + // Extension Update Button + $('.ext-update-btn').on('click', function (e) { + e.preventDefault(); + $(this).prop('disabled', true); + var plugin_key = $(this).data('key'); + var button_default_html = $(this).html(); + var form_data = { + action: 'atbdp_update_plugins', + nonce: directorist_admin.nonce, + }; + if (plugin_key) { + form_data.plugin_key = plugin_key; + } + + // console.log( { plugin_key } ); + + var self = this; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + var icon = + ' Updating'; + $(self).html(icon); + }, + success: function success(response) { + // console.log( { response } ); + + if (response.status.success) { + $(self).html('Updated'); + location.reload(); + } else { + $(self).html(button_default_html); + alert(response.status.message); + } + }, + error: function error(_error3) { + console.log(_error3); + $(self).html(button_default_html); + $(this).prop('disabled', false); + }, + }); + }); + + // Install Button + $('.file-install-btn').on('click', function (e) { + e.preventDefault(); + if ($(this).hasClass('in-progress')) { + // console.log('Wait...'); + return; + } + var data_key = $(this).data('key'); + var data_type = $(this).data('type'); + var form_data = { + action: 'atbdp_install_file_from_subscriptions', + item_key: data_key, + type: data_type, + nonce: directorist_admin.nonce, + }; + var btn_default_html = $(this).html(); + ext_is_installing = true; + var self = this; + $(this).prop('disabled', true); + $(this).addClass('in-progress'); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html('Installing'); + var icon = + ' '; + $(self).prepend(icon); + }, + success: function success(response) { + // console.log(response); + + if ( + response.status && + !response.status.success && + response.status.message + ) { + alert(response.status.message); + } + if ( + response.status && + response.status.success + ) { + $(self).html('Installed'); + location.reload(); + } else { + $(self).html('Failed'); + } + }, + error: function error(_error4) { + console.log(_error4); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + }); + + // Plugin Active Button + $('.plugin-active-btn').on('click', function (e) { + e.preventDefault(); + if ($(this).hasClass('in-progress')) { + // console.log('Wait...'); + return; + } + var data_key = $(this).data('key'); + var form_data = { + action: 'atbdp_activate_plugin', + item_key: data_key, + nonce: directorist_admin.nonce, + }; + var btn_default_html = $(this).html(); + var self = this; + $(this).prop('disabled', true); + $(this).addClass('in-progress'); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html('Activating'); + var icon = + ' '; + $(self).prepend(icon); + }, + success: function success(response) { + // console.log(response); + + // return; + + if ( + response.status && + !response.status.success && + response.status.message + ) { + alert(response.status.message); + } + if ( + response.status && + response.status.success + ) { + $(self).html('Activated'); + } else { + $(self).html('Failed'); + } + location.reload(); + }, + error: function error(_error5) { + console.log(_error5); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + }); + + // Purchase refresh btn + $('.purchase-refresh-btn').on('click', function (e) { + e.preventDefault(); + var purchase_refresh_btn_wrapper = $(this).parent(); + var auth_section = $('.et-auth-section'); + $(purchase_refresh_btn_wrapper).animate( + { + width: 0, + }, + 500 + ); + $(auth_section).animate( + { + width: 330, + }, + 500 + ); + }); + + // et-close-auth-btn + $('.et-close-auth-btn').on('click', function (e) { + e.preventDefault(); + var auth_section = $('.et-auth-section'); + var purchase_refresh_btn_wrapper = $( + '.purchase-refresh-btn-wrapper' + ); + $(purchase_refresh_btn_wrapper).animate( + { + width: 182, + }, + 500 + ); + $(auth_section).animate( + { + width: 0, + }, + 500 + ); + }); + + // purchase-refresh-form + $('#purchase-refresh-form').on('submit', function (e) { + e.preventDefault(); + // console.log( 'purchase-refresh-form' ); + + var submit_btn = $(this).find('button[type="submit"]'); + var btn_default_html = submit_btn.html(); + var close_btn = $(this).find('.et-close-auth-btn'); + var form_feedback = $(this).find( + '.atbdp-form-feedback' + ); + $(submit_btn).prop('disabled', true); + $(close_btn).addClass('atbdp-d-none'); + var password = $(this) + .find('input[name="password"]') + .val(); + var form_data = { + action: 'atbdp_refresh_purchase_status', + password: password, + nonce: directorist_admin.nonce, + }; + form_feedback.html(''); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(submit_btn).html( + '' + ); + }, + success: function success(response) { + // console.log(response); + + if (response.status.message) { + var feedback_type = response.status.success + ? 'success' + : 'danger'; + var message = '') + .concat( + response.status.message, + '' + ); + form_feedback.html(message); + } + if (!response.status.success) { + $(submit_btn).html(btn_default_html); + $(submit_btn).prop('disabled', false); + $(close_btn).removeClass('atbdp-d-none'); + if (response.status.reload) { + location.reload(); + } + } else { + location.reload(); + } + }, + error: function error(_error6) { + console.log(_error6); + $(submit_btn).prop('disabled', false); + $(submit_btn).html(btn_default_html); + $(close_btn).removeClass('atbdp-d-none'); + }, + }); + }); + + // Logout + $('.subscriptions-logout-btn').on('click', function (e) { + e.preventDefault(); + var hard_logout = $(this).data('hard-logout'); + var form_data = { + action: 'atbdp_close_subscriptions_sassion', + hard_logout: hard_logout, + nonce: directorist_admin.nonce, + }; + var self = this; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' Logging out' + ); + }, + success: function success(response) { + // console.log( response ); + location.reload(); + }, + error: function error(_error7) { + // console.log(error); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + + // atbdp_close_subscriptions_sassion + }); + + // Form Actions + // Apply button active status - My extension form + var extFormCheckboxes = document.querySelectorAll( + '#atbdp-extensions-tab input[type="checkbox"]' + ); + var extFormActionSelect = document.querySelectorAll( + '#atbdp-extensions-tab select[name="bulk-actions"]' + ); + //console.log(extFormActionSelect); + extFormCheckboxes.forEach(function (elm) { + var thisClosest = elm.closest('form'); + var bulkAction = thisClosest.querySelector( + '.ei-action-dropdown select' + ); + var actionBtn = + thisClosest.querySelector('.ei-action-btn'); + elm.addEventListener('change', function () { + this.checked === true && bulkAction.value !== '' + ? actionBtn.classList.add('ei-action-active') + : this.checked === false + ? actionBtn.classList.remove( + 'ei-action-active' + ) + : ''; + }); + }); + extFormActionSelect.forEach(function (elm) { + var thisClosest = elm.closest('form'); + var checkboxes = thisClosest.querySelectorAll( + 'input[type="checkbox"]' + ); + var actionBtn = + thisClosest.querySelector('.ei-action-btn'); + elm.addEventListener('change', function () { + checkboxes.forEach(function (checkbox) { + if ( + checkbox.checked === true && + this.value !== '' + ) { + actionBtn.classList.add('ei-action-active'); + } + }); + if (this.value === '') { + actionBtn.classList.remove('ei-action-active'); + } + }); + }); + + // Bulk Actions - My extensions form + var is_bulk_processing = false; + $('#atbdp-my-extensions-form').on('submit', function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + $(this) + .find('.extension-name-checkbox') + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var id = $(e).attr('id'); + if (is_checked) { + plugins_items.push(id); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + var self = this; + is_bulk_processing = true; + form_data = { + action: 'atbdp_plugins_bulk_action', + task: task, + plugin_items: plugins_items, + directorist_nonce: + directorist_admin.directorist_nonce, + }; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self) + .find('button[type="submit"]') + .prepend( + ' ' + ); + }, + success: function success(response) { + $(self) + .find('button[type="submit"] .atbdp-icon') + .remove(); + location.reload(); + }, + error: function error(_error8) { + uninstalling = false; + }, + }); + + // console.log( task, plugins_items ); + }); + + // Bulk Actions - My extensions form + var is_bulk_processing = false; + $('#atbdp-my-subscribed-extensions-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var self = this; + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + var tergeted_items_elm = '.extension-name-checkbox'; + $(self) + .find(tergeted_items_elm) + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var key = $(e).attr('name'); + if (is_checked) { + plugins_items.push(key); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + + // Before Install + $(this) + .find('.file-install-btn') + .prop('disabled', true) + .addClass('in-progress'); + var loading_icon = + ' '; + $(this) + .find('button[type="submit"]') + .prop('disabled', true) + .prepend(loading_icon); + is_bulk_processing = true; + var after_bulk_process = + function after_bulk_process() { + is_bulk_processing = false; + $(self) + .find('button[type="submit"]') + .find('.atbdp-icon') + .remove(); + $(self) + .find('button[type="submit"]') + .prop('disabled', false); + location.reload(); + }; + plugins_bulk_actions( + 'install', + plugins_items, + after_bulk_process + ); + } + ); + + // Bulk Actions - Required extensions form + var is_bulk_processing = false; + $('#atbdp-required-extensions-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var self = this; + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + var tergeted_items_elm = + 'install' === task + ? '.extension-install-checkbox' + : '.extension-activate-checkbox'; + $(self) + .find(tergeted_items_elm) + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var key = $(e).attr('value'); + if (is_checked) { + plugins_items.push(key); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + + // Before Install + $(this) + .find('.file-install-btn') + .prop('disabled', true) + .addClass('in-progress'); + $(this) + .find('.plugin-active-btn') + .prop('disabled', true) + .addClass('in-progress'); + var loading_icon = + ' '; + $(this) + .find('button[type="submit"]') + .prop('disabled', true) + .prepend(loading_icon); + is_bulk_processing = true; + var after_bulk_process = + function after_bulk_process() { + is_bulk_processing = false; + $(self) + .find('button[type="submit"]') + .find('.atbdp-icon') + .remove(); + $(self) + .find('button[type="submit"]') + .prop('disabled', false); + location.reload(); + }; + var available_task_list = ['install', 'activate']; + if (available_task_list.includes(task)) { + plugins_bulk_actions( + task, + plugins_items, + after_bulk_process + ); + } + } + ); + + // plugins_bulk__actions + function plugins_bulk_actions( + task, + plugins_items, + after_plugins_install + ) { + var action = { + install: 'atbdp_install_file_from_subscriptions', + activate: 'atbdp_activate_plugin', + }; + var btnLabelOnProgress = { + install: 'Installing', + activate: 'Activating', + }; + var btnLabelOnSuccess = { + install: 'Installed', + activate: 'Activated', + }; + var processStartBtn = { + install: '.file-install-btn', + activate: '.plugin-active-btn', + }; + var _bulk_task = function bulk_task( + plugins, + counter, + callback + ) { + if (counter > plugins.length - 1) { + if (callback) { + callback(); + } + return; + } + var current_item = plugins[counter]; + var action_wrapper_key = + 'install' === task + ? plugins[counter] + : plugins[counter].replace(/\/.+$/g, ''); + var action_wrapper = $( + '.ext-action-'.concat(action_wrapper_key) + ); + var action_btn = action_wrapper.find( + processStartBtn[task] + ); + var next_index = counter + 1; + var form_action = action[task] ? action[task] : ''; + form_data = { + action: form_action, + item_key: current_item, + type: 'plugin', + nonce: directorist_admin.nonce, + }; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + action_btn.html( + '\n \n '.concat( + btnLabelOnProgress[task] + ) + ); + }, + success: function success(response) { + // console.log( { response } ); + if (response.status.success) { + action_btn.html( + btnLabelOnSuccess[task] + ); + } else { + action_btn.html('Failed'); + } + _bulk_task(plugins, next_index, callback); + }, + error: function error(_error9) { + // console.log(error); + }, + }); + }; + _bulk_task(plugins_items, 0, after_plugins_install); + } + + // Ext Actions | Uninstall + var uninstalling = false; + $('.ext-action-uninstall').on('click', function (e) { + e.preventDefault(); + if (uninstalling) { + return; + } + var data_target = $(this).data('target'); + var form_data = { + action: 'atbdp_plugins_bulk_action', + task: 'uninstall', + plugin_items: [data_target], + nonce: directorist_admin.nonce, + }; + var self = this; + uninstalling = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).prepend( + ' ' + ); + }, + success: function success(response) { + // console.log( response ); + $(self) + .closest('.ext-action') + .find('.ext-action-drop') + .removeClass('active'); + location.reload(); + }, + error: function error(_error0) { + // console.log(error); + uninstalling = false; + }, + }); + }); + + // Bulk checkbox toggle + $('#select-all-installed').on('change', function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-my-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-my-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + }); + $('#select-all-subscription').on('change', function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-my-subscribed-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-my-subscribed-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + }); + $('#select-all-required-extensions').on( + 'change', + function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-required-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-required-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + } + ); + + // + $('.ext-action-drop').each(function (i, e) { + $(e).on('click', function (elm) { + elm.preventDefault(); + if ($(this).hasClass('active')) { + $(this).removeClass('active'); + } else { + $('.ext-action-drop').removeClass('active'); + $(this).addClass('active'); + } + }); + }); + + // Theme Activation + var theme_is_activating = false; + $('.theme-activate-btn').on('click', function (e) { + e.preventDefault(); + if (theme_is_activating) { + return; + } + var data_target = $(this).data('target'); + if (!data_target) { + return; + } + if (!data_target.length) { + return; + } + var form_data = { + action: 'atbdp_activate_theme', + theme_stylesheet: data_target, + nonce: directorist_admin.nonce, + }; + var self = this; + theme_is_activating = true; + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).prepend( + ' ' + ); + }, + success: function success(response) { + // console.log({ response }); + $(self).find('.atbdp-icon').remove(); + if ( + response.status && + response.status.success + ) { + location.reload(); + } + }, + error: function error(_error1) { + // console.log({ error }); + theme_is_activating = false; + $(self).find('.atbdp-icon').remove(); + }, + }); + }); + + // Theme Update + $('.theme-update-btn').on('click', function (e) { + e.preventDefault(); + $(this).prop('disabled', true); + if ($(this).hasClass('in-progress')) { + return; + } + var theme_stylesheet = $(this).data('target'); + var button_default_html = $(this).html(); + var form_data = { + action: 'atbdp_update_theme', + nonce: directorist_admin.nonce, + }; + if (theme_stylesheet) { + form_data.theme_stylesheet = theme_stylesheet; + } + var self = this; + $(this).addClass('in-progress'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' Updating' + ); + }, + success: function success(response) { + // console.log({ response }); + + if ( + response.status && + response.status.success + ) { + $(self).html('Updated'); + location.reload(); + } else { + $(self).removeClass('in-progress'); + $(self).html(button_default_html); + $(self).prop('disabled', false); + alert(response.status.message); + } + }, + error: function error(_error10) { + // console.log({ error }); + $(self).removeClass('in-progress'); + $(self).html(button_default_html); + $(self).prop('disabled', false); + }, + }); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/global.js": -/*!****************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/global.js': + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/scss/layout/admin/admin-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/scss/layout/admin/admin-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/admin/admin-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!**************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!**************************************!*\ !*** ./assets/src/js/admin/admin.js ***! \**************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_admin_admin_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../scss/layout/admin/admin-style.scss */ "./assets/src/scss/layout/admin/admin-style.scss"); -/* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../global/global */ "./assets/src/js/global/global.js"); -/* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/block-1 */ "./assets/src/js/admin/components/block-1.js"); -/* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_block_1__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/block-2 */ "./assets/src/js/admin/components/block-2.js"); -/* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_block_2__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_block_3__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/block-3 */ "./assets/src/js/admin/components/block-3.js"); -/* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/block-4 */ "./assets/src/js/admin/components/block-4.js"); -/* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_block_4__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/block-5 */ "./assets/src/js/admin/components/block-5.js"); -/* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_block_5__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/admin-user */ "./assets/src/js/admin/components/admin-user.js"); -/* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_admin_user__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/subscriptionManagement */ "./assets/src/js/admin/components/subscriptionManagement.js"); -/* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__); - - -// Global - - -// Blocks - - - - - - - -// subscriptionManagement - -}(); -/******/ })() -; -//# sourceMappingURL=admin-main.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_admin_admin_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../scss/layout/admin/admin-style.scss */ './assets/src/scss/layout/admin/admin-style.scss' + ); + /* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../global/global */ './assets/src/js/global/global.js' + ); + /* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/block-1 */ './assets/src/js/admin/components/block-1.js' + ); + /* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_1__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/block-2 */ './assets/src/js/admin/components/block-2.js' + ); + /* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_2__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_block_3__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/block-3 */ './assets/src/js/admin/components/block-3.js' + ); + /* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ./components/block-4 */ './assets/src/js/admin/components/block-4.js' + ); + /* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_4__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ./components/block-5 */ './assets/src/js/admin/components/block-5.js' + ); + /* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_5__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/admin-user */ './assets/src/js/admin/components/admin-user.js' + ); + /* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ./components/subscriptionManagement */ './assets/src/js/admin/components/subscriptionManagement.js' + ); + /* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ + ); + + // Global + + // Blocks + + // subscriptionManagement + })(); + /******/ +})(); +//# sourceMappingURL=admin-main.js.map diff --git a/assets/js/all-authors.js b/assets/js/all-authors.js index affa1b5b9e..42a83a5dad 100644 --- a/assets/js/all-authors.js +++ b/assets/js/all-authors.js @@ -1,190 +1,272 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/author.js": -/*!***************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/author.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/author.js ***! \***************************************************/ -/***/ (function() { - -// author sorting -(function ($) { - window.addEventListener('load', function () { - /* Masonry layout */ - function authorsMasonry() { - var authorsCard = $('.directorist-authors__cards'); - $(authorsCard).each(function (id, elm) { - var authorsCardRow = $(elm).find('.directorist-row'); - var authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }); - }); - } - authorsMasonry(); + /***/ function () { + // author sorting + (function ($) { + window.addEventListener('load', function () { + /* Masonry layout */ + function authorsMasonry() { + var authorsCard = $('.directorist-authors__cards'); + $(authorsCard).each(function (id, elm) { + var authorsCardRow = + $(elm).find('.directorist-row'); + var authorMasonryInit = $( + authorsCardRow + ).imagesLoaded(function () { + $(authorMasonryInit).masonry({ + percentPosition: true, + horizontalOrder: true, + }); + }); + }); + } + authorsMasonry(); - /* alphabet data value */ - var alphabetValue; + /* alphabet data value */ + var alphabetValue; - /* authors nav default active item */ - if ($('.directorist-authors__nav').length) { - $('.directorist-authors__nav ul li:first-child').addClass('active'); - } - /* authors nav item */ - $('body').on('click', '.directorist-alphabet', function (e) { - e.preventDefault(); - var _this = $(this); - var alphabet = $(this).attr('data-alphabet'); - $('body').addClass('atbdp-form-fade'); - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_author_alpha_sorting', - _nonce: $(this).attr('data-nonce'), - alphabet: $(this).attr('data-alphabet') - }, - success: function success(response) { - $('#directorist-all-authors').empty().append(response); - $('body').removeClass('atbdp-form-fade'); - $('.' + alphabet).parent().addClass('active'); - alphabetValue = $(_this).attr('data-alphabet'); - authorsMasonry(); - }, - error: function error(_error) { - //console.log(error); - } - }); - }); + /* authors nav default active item */ + if ($('.directorist-authors__nav').length) { + $( + '.directorist-authors__nav ul li:first-child' + ).addClass('active'); + } + /* authors nav item */ + $('body').on( + 'click', + '.directorist-alphabet', + function (e) { + e.preventDefault(); + var _this = $(this); + var alphabet = $(this).attr('data-alphabet'); + $('body').addClass('atbdp-form-fade'); + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_author_alpha_sorting', + _nonce: $(this).attr('data-nonce'), + alphabet: $(this).attr('data-alphabet'), + }, + success: function success(response) { + $('#directorist-all-authors') + .empty() + .append(response); + $('body').removeClass( + 'atbdp-form-fade' + ); + $('.' + alphabet) + .parent() + .addClass('active'); + alphabetValue = + $(_this).attr('data-alphabet'); + authorsMasonry(); + }, + error: function error(_error) { + //console.log(error); + }, + }); + } + ); - /* authors pagination */ - $('body').on('click', '.directorist-authors-pagination a', function (e) { - e.preventDefault(); - var paged = $(this).text(); - if ($(this).hasClass('prev')) { - paged = parseInt($('.directorist-authors-pagination .current').text()) - 1; - } - if ($(this).hasClass('next')) { - paged = parseInt($('.directorist-authors-pagination .current').text()) + 1; - } - $('body').addClass('atbdp-form-fade'); - var getAlphabetValue = alphabetValue; - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_author_pagination', - paged: paged - }, - success: function success(response) { - $('body').removeClass('atbdp-form-fade'); - $('#directorist-all-authors').empty().append(response); - authorsMasonry(); - if (document.querySelector('.' + getAlphabetValue) !== null) { - document.querySelector('.' + getAlphabetValue).closest('li').classList.add('active'); - } else if ($('.directorist-authors__nav').length) { - $('.directorist-authors__nav ul li:first-child').addClass('active'); - } - }, - error: function error(_error2) { - //console.log(error); - } - }); - }); - }); -})(jQuery); + /* authors pagination */ + $('body').on( + 'click', + '.directorist-authors-pagination a', + function (e) { + e.preventDefault(); + var paged = $(this).text(); + if ($(this).hasClass('prev')) { + paged = + parseInt( + $( + '.directorist-authors-pagination .current' + ).text() + ) - 1; + } + if ($(this).hasClass('next')) { + paged = + parseInt( + $( + '.directorist-authors-pagination .current' + ).text() + ) + 1; + } + $('body').addClass('atbdp-form-fade'); + var getAlphabetValue = alphabetValue; + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_author_pagination', + paged: paged, + }, + success: function success(response) { + $('body').removeClass( + 'atbdp-form-fade' + ); + $('#directorist-all-authors') + .empty() + .append(response); + authorsMasonry(); + if ( + document.querySelector( + '.' + getAlphabetValue + ) !== null + ) { + document + .querySelector( + '.' + getAlphabetValue + ) + .closest('li') + .classList.add('active'); + } else if ( + $('.directorist-authors__nav') + .length + ) { + $( + '.directorist-authors__nav ul li:first-child' + ).addClass('active'); + } + }, + error: function error(_error2) { + //console.log(error); + }, + }); + } + ); + }); + })(jQuery); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*****************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*****************************************************!*\ !*** ./assets/src/js/public/modules/all-authors.js ***! \*****************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/author */ "./assets/src/js/public/components/author.js"); -/* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_author__WEBPACK_IMPORTED_MODULE_0__); -//General Components - -}(); -/******/ })() -; -//# sourceMappingURL=all-authors.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/author */ './assets/src/js/public/components/author.js' + ); + /* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_author__WEBPACK_IMPORTED_MODULE_0__ + ); + //General Components + })(); + /******/ +})(); +//# sourceMappingURL=all-authors.js.map diff --git a/assets/js/all-listings.js b/assets/js/all-listings.js index 1a6e6e2df3..7a03859bfd 100644 --- a/assets/js/all-listings.js +++ b/assets/js/all-listings.js @@ -1,3515 +1,6117 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/archive-sidebar.js": -/*!************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/archive-sidebar.js': + /*!************************************************************!*\ !*** ./assets/src/js/public/components/archive-sidebar.js ***! \************************************************************/ -/***/ (function() { - -// Archive Sidebar -window.addEventListener('load', function () { - var body = document.body; - - // Toggle sidebar and update toggle button's active state - function toggleSidebar(toggleBtn, archiveSidebar) { - archiveSidebar.classList.toggle('listing-with-sidebar__sidebar--open'); - toggleBtn.classList.toggle('directorist-archive-sidebar-toggle--active'); - body.classList.toggle('modal-overlay-enabled'); - } - - // Close sidebar and reset toggle button's active state - function closeSidebar(toggleBtn, archiveSidebar) { - archiveSidebar.classList.remove('listing-with-sidebar__sidebar--open'); - toggleBtn.classList.remove('directorist-archive-sidebar-toggle--active'); - body.classList.remove('modal-overlay-enabled'); - } - - // Toggle or close sidebar when toggle/close button is clicked - body.addEventListener('click', function (e) { - var targetElement = e.target; - var toggleBtn = targetElement.closest('.directorist-archive-sidebar-toggle'); - var closeBtn = targetElement.closest('.directorist-advanced-filter__close'); - if (toggleBtn) { - var sidebar = toggleBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - toggleSidebar(toggleBtn, sidebar); - } else if (closeBtn) { - var _sidebar = closeBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - var _toggleBtn = _sidebar.closest('.listing-with-sidebar').querySelector('.directorist-archive-sidebar-toggle'); - closeSidebar(_toggleBtn, _sidebar); - } else if (body.classList.contains('modal-overlay-enabled') && !targetElement.closest('.listing-with-sidebar__sidebar')) { - // Check directorist color picker is available or not - var directoristColorPicker = body.querySelector('.listing-with-sidebar__sidebar--open .wp-color-result'); - if (directoristColorPicker) return; - document.querySelectorAll('.listing-with-sidebar__sidebar--open').forEach(function (sidebar) { - var toggleBtn = sidebar.closest('.listing-with-sidebar').querySelector('.directorist-archive-sidebar-toggle'); - closeSidebar(toggleBtn, sidebar); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/category-custom-fields.js": -/*!*******************************************************************!*\ + /***/ function () { + // Archive Sidebar + window.addEventListener('load', function () { + var body = document.body; + + // Toggle sidebar and update toggle button's active state + function toggleSidebar(toggleBtn, archiveSidebar) { + archiveSidebar.classList.toggle( + 'listing-with-sidebar__sidebar--open' + ); + toggleBtn.classList.toggle( + 'directorist-archive-sidebar-toggle--active' + ); + body.classList.toggle('modal-overlay-enabled'); + } + + // Close sidebar and reset toggle button's active state + function closeSidebar(toggleBtn, archiveSidebar) { + archiveSidebar.classList.remove( + 'listing-with-sidebar__sidebar--open' + ); + toggleBtn.classList.remove( + 'directorist-archive-sidebar-toggle--active' + ); + body.classList.remove('modal-overlay-enabled'); + } + + // Toggle or close sidebar when toggle/close button is clicked + body.addEventListener('click', function (e) { + var targetElement = e.target; + var toggleBtn = targetElement.closest( + '.directorist-archive-sidebar-toggle' + ); + var closeBtn = targetElement.closest( + '.directorist-advanced-filter__close' + ); + if (toggleBtn) { + var sidebar = toggleBtn + .closest('.listing-with-sidebar') + .querySelector( + '.listing-with-sidebar__sidebar' + ); + toggleSidebar(toggleBtn, sidebar); + } else if (closeBtn) { + var _sidebar = closeBtn + .closest('.listing-with-sidebar') + .querySelector( + '.listing-with-sidebar__sidebar' + ); + var _toggleBtn = _sidebar + .closest('.listing-with-sidebar') + .querySelector( + '.directorist-archive-sidebar-toggle' + ); + closeSidebar(_toggleBtn, _sidebar); + } else if ( + body.classList.contains('modal-overlay-enabled') && + !targetElement.closest( + '.listing-with-sidebar__sidebar' + ) + ) { + // Check directorist color picker is available or not + var directoristColorPicker = body.querySelector( + '.listing-with-sidebar__sidebar--open .wp-color-result' + ); + if (directoristColorPicker) return; + document + .querySelectorAll( + '.listing-with-sidebar__sidebar--open' + ) + .forEach(function (sidebar) { + var toggleBtn = sidebar + .closest('.listing-with-sidebar') + .querySelector( + '.directorist-archive-sidebar-toggle' + ); + closeSidebar(toggleBtn, sidebar); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/category-custom-fields.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/category-custom-fields.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ initSearchCategoryCustomFields; } -/* harmony export */ }); -// Search Category Change -function hideAllCustomFieldsExceptSelected(relations, categories, $container) { - var fields = Object.keys(relations); - var wrappers = ['.directorist-advanced-filter__advanced__element', '.directorist-search-modal__input', '.directorist-search-field']; - if (!fields.length) { - return; - } - - // Convert categories to array if it's not already - var categoryArray = Array.isArray(categories) ? categories : [categories]; - fields.forEach(function (field) { - var fieldCategory = relations[field]; - - // Try multiple selectors to find the field - var $field = null; - var selectors = ["[name=\"custom_field[".concat(field, "]\"]"), "[name=\"custom_field[".concat(field, "][]\"]"), "[name*=\"".concat(field, "\"]"), "[data-field-key=\"".concat(field, "\"]"), "[id*=\"".concat(field, "\"]")]; - for (var _i = 0, _selectors = selectors; _i < _selectors.length; _i++) { - var selector = _selectors[_i]; - $field = $container.find(selector); - if ($field.length > 0) { - break; - } - } - if (!$field || !$field.length) { - return; - } - - // Check if the field category matches any of the selected categories - var shouldShow = categoryArray.some(function (category) { - return Number(category) === Number(fieldCategory); - }); - if (shouldShow) { - $field.prop('disabled', false); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.show(); - } - }); - } else { - $field.prop('disabled', true); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.hide(); - } - }); - } - }); -} -function initSearchCategoryCustomFields($) { - // Handle multiple search forms and containers - var containers = ['.directorist-search-contents', '.directorist-archive-contents', '.directorist-search-form', '.directorist-add-listing-form']; - containers.forEach(function (containerSelector) { - var $container = $(containerSelector); - if ($container.length) { - // Bind events to all category selects within this container - $container.on('change', '.directorist-category-select, .directorist-search-category select, .bdas-category-search', function (event) { - var $this = $(this); - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - - // If form doesn't have attributes, try container - if (!attributes) { - attributes = $container.data('atts'); - } - - // If still no attributes, try document body - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - // Convert to array if it's a single value - if (!Array.isArray(categories)) { - categories = [categories]; - } - // Convert string values to numbers and filter out empty values - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); // Filter out 0, null, undefined, etc. - } else { - categories = []; - } - - // Use the specific container for field search to avoid conflicts - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $container); - }); - - // Trigger change event on page load for all category selects in this container - $container.find('.directorist-category-select, .directorist-search-category select, .bdas-category-search').each(function () { - $(this).trigger('change'); - }); - } - }); - - // Also handle global category selects that might not be in specific containers - var globalSelectors = '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; - $(document).on('change', globalSelectors, function (event) { - var $this = $(this); - - // Only handle if not already handled by container-specific handlers - if (!event.isDefaultPrevented()) { - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - if (!Array.isArray(categories)) { - categories = [categories]; - } - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); - } else { - categories = []; - } - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $(document.body)); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ initSearchCategoryCustomFields; + }, + /* harmony export */ + } + ); + // Search Category Change + function hideAllCustomFieldsExceptSelected( + relations, + categories, + $container + ) { + var fields = Object.keys(relations); + var wrappers = [ + '.directorist-advanced-filter__advanced__element', + '.directorist-search-modal__input', + '.directorist-search-field', + ]; + if (!fields.length) { + return; + } + + // Convert categories to array if it's not already + var categoryArray = Array.isArray(categories) + ? categories + : [categories]; + fields.forEach(function (field) { + var fieldCategory = relations[field]; + + // Try multiple selectors to find the field + var $field = null; + var selectors = [ + '[name="custom_field['.concat(field, ']"]'), + '[name="custom_field['.concat(field, '][]"]'), + '[name*="'.concat(field, '"]'), + '[data-field-key="'.concat(field, '"]'), + '[id*="'.concat(field, '"]'), + ]; + for ( + var _i = 0, _selectors = selectors; + _i < _selectors.length; + _i++ + ) { + var selector = _selectors[_i]; + $field = $container.find(selector); + if ($field.length > 0) { + break; + } + } + if (!$field || !$field.length) { + return; + } + + // Check if the field category matches any of the selected categories + var shouldShow = categoryArray.some( + function (category) { + return ( + Number(category) === Number(fieldCategory) + ); + } + ); + if (shouldShow) { + $field.prop('disabled', false); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.show(); + } + }); + } else { + $field.prop('disabled', true); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.hide(); + } + }); + } + }); + } + function initSearchCategoryCustomFields($) { + // Handle multiple search forms and containers + var containers = [ + '.directorist-search-contents', + '.directorist-archive-contents', + '.directorist-search-form', + '.directorist-add-listing-form', + ]; + containers.forEach(function (containerSelector) { + var $container = $(containerSelector); + if ($container.length) { + // Bind events to all category selects within this container + $container.on( + 'change', + '.directorist-category-select, .directorist-search-category select, .bdas-category-search', + function (event) { + var $this = $(this); + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + + // If form doesn't have attributes, try container + if (!attributes) { + attributes = $container.data('atts'); + } + + // If still no attributes, try document body + if (!attributes) { + attributes = $(document.body).data( + 'atts' + ); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + // Convert to array if it's a single value + if (!Array.isArray(categories)) { + categories = [categories]; + } + // Convert string values to numbers and filter out empty values + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); // Filter out 0, null, undefined, etc. + } else { + categories = []; + } + + // Use the specific container for field search to avoid conflicts + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $container + ); + } + ); + + // Trigger change event on page load for all category selects in this container + $container + .find( + '.directorist-category-select, .directorist-search-category select, .bdas-category-search' + ) + .each(function () { + $(this).trigger('change'); + }); + } + }); + + // Also handle global category selects that might not be in specific containers + var globalSelectors = + '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; + $(document).on('change', globalSelectors, function (event) { + var $this = $(this); + + // Only handle if not already handled by container-specific handlers + if (!event.isDefaultPrevented()) { + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + if (!attributes) { + attributes = $(document.body).data('atts'); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + if (!Array.isArray(categories)) { + categories = [categories]; + } + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); + } else { + categories = []; + } + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $(document.body) + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } - - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } - - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } + + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } + + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id'), - label: $(this).data('label') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + label: $(this).data('label'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSorting.js": -/*!***************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSorting.js': + /*!***************************************************************!*\ !*** ./assets/src/js/public/components/directoristSorting.js ***! \***************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_sorting_executed === 'undefined') { - window.directorist_sorting_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Sorting Js - if (!$('.directorist-instant-search').length) { - $('.directorist-dropdown__links__single-js').click(function (e) { - e.preventDefault(); - var href = $(this).attr('data-link'); - $('#directorsit-listing-sort').attr('action', href); - $('#directorsit-listing-sort').submit(); - }); - } - - //sorting toggle - $('.sorting span').on('click', function () { - $(this).toggleClass('fa-sort-amount-asc fa-sort-amount-desc'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_sorting_executed === + 'undefined' + ) { + window.directorist_sorting_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Sorting Js + if (!$('.directorist-instant-search').length) { + $('.directorist-dropdown__links__single-js').click( + function (e) { + e.preventDefault(); + var href = $(this).attr('data-link'); + $('#directorsit-listing-sort').attr( + 'action', + href + ); + $('#directorsit-listing-sort').submit(); + } + ); + } + + //sorting toggle + $('.sorting span').on('click', function () { + $(this).toggleClass( + 'fa-sort-amount-asc fa-sort-amount-desc' + ); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/gridResponsive.js": -/*!***********************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/gridResponsive.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/gridResponsive.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - /* Responsive grid control */ - $(document).ready(function () { - var d_wrapper = $('#directorist.atbd_wrapper'); - var columnLeft = $('.atbd_col_left.col-lg-8'); - var columnRight = $('.directorist.col-lg-4'); - var tabColumn = $('.atbd_dashboard_wrapper .tab-content .tab-pane .col-lg-4'); - var w_size = d_wrapper.width(); - if (w_size >= 500 && w_size <= 735) { - columnLeft.toggleClass('col-lg-8'); - columnRight.toggleClass('col-lg-4'); - } - if (w_size <= 600) { - d_wrapper.addClass('size-xs'); - tabColumn.toggleClass('col-lg-4'); - } - var listing_size = $('.atbd_dashboard_wrapper .atbd_single_listing').width(); - if (listing_size < 200) { - $('.atbd_single_listing .db_btn_area').addClass('db_btn_area--sm'); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + /* Responsive grid control */ + $(document).ready(function () { + var d_wrapper = $('#directorist.atbd_wrapper'); + var columnLeft = $('.atbd_col_left.col-lg-8'); + var columnRight = $('.directorist.col-lg-4'); + var tabColumn = $( + '.atbd_dashboard_wrapper .tab-content .tab-pane .col-lg-4' + ); + var w_size = d_wrapper.width(); + if (w_size >= 500 && w_size <= 735) { + columnLeft.toggleClass('col-lg-8'); + columnRight.toggleClass('col-lg-4'); + } + if (w_size <= 600) { + d_wrapper.addClass('size-xs'); + tabColumn.toggleClass('col-lg-4'); + } + var listing_size = $( + '.atbd_dashboard_wrapper .atbd_single_listing' + ).width(); + if (listing_size < 200) { + $('.atbd_single_listing .db_btn_area').addClass( + 'db_btn_area--sm' + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/helpers.js ***! \****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/printRating */ "./assets/src/js/public/components/helpers/printRating.js"); -/* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_helpers_printRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers/createMysql */ "./assets/src/js/public/components/helpers/createMysql.js"); -/* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers/postDraft */ "./assets/src/js/public/components/helpers/postDraft.js"); -/* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers/handleAjaxRequest */ "./assets/src/js/public/components/helpers/handleAjaxRequest.js"); -/* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers/noImageController */ "./assets/src/js/public/components/helpers/noImageController.js"); -/* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__); -// Helper Components - - - - - - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/createMysql.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./helpers/printRating */ './assets/src/js/public/components/helpers/printRating.js' + ); + /* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./helpers/createMysql */ './assets/src/js/public/components/helpers/createMysql.js' + ); + /* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./helpers/postDraft */ './assets/src/js/public/components/helpers/postDraft.js' + ); + /* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./helpers/handleAjaxRequest */ './assets/src/js/public/components/helpers/handleAjaxRequest.js' + ); + /* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./helpers/noImageController */ './assets/src/js/public/components/helpers/noImageController.js' + ); + /* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ + ); + // Helper Components + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/createMysql.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/helpers/createMysql.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Helper function to convert the mysql date - Date.createFromMysql = function (mysql_string) { - var t, - result = null; - if (typeof mysql_string === 'string') { - t = mysql_string.split(/[- :]/); - - //when t[3], t[4] and t[5] are missing they defaults to zero - result = new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0); - } - return result; - }; -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/handleAjaxRequest.js": -/*!**********************************************************************!*\ + /***/ function () { + (function ($) { + // Helper function to convert the mysql date + Date.createFromMysql = function (mysql_string) { + var t, + result = null; + if (typeof mysql_string === 'string') { + t = mysql_string.split(/[- :]/); + + //when t[3], t[4] and t[5] are missing they defaults to zero + result = new Date( + t[0], + t[1] - 1, + t[2], + t[3] || 0, + t[4] || 0, + t[5] || 0 + ); + } + return result; + }; + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/handleAjaxRequest.js': + /*!**********************************************************************!*\ !*** ./assets/src/js/public/components/helpers/handleAjaxRequest.js ***! \**********************************************************************/ -/***/ (function() { - -(function ($) { - /*This function handles all ajax request*/ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = 'action=' + ActionName; - if (arg) data = arg + '&action=' + ActionName; - if (arg && !ActionName) data = arg; - //data = data ; - - var n = data.search(directorist.nonceName); - if (n < 0) { - data = data + '&' + directorist.nonceName + '=' + directorist.nonce; - } - jQuery.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } - window.atbdp_do_ajax = atbdp_do_ajax; -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/noImageController.js": -/*!**********************************************************************!*\ + /***/ function () { + (function ($) { + /*This function handles all ajax request*/ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action=' + ActionName; + if (arg) data = arg + '&action=' + ActionName; + if (arg && !ActionName) data = arg; + //data = data ; + + var n = data.search(directorist.nonceName); + if (n < 0) { + data = + data + + '&' + + directorist.nonceName + + '=' + + directorist.nonce; + } + jQuery.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + window.atbdp_do_ajax = atbdp_do_ajax; + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/noImageController.js': + /*!**********************************************************************!*\ !*** ./assets/src/js/public/components/helpers/noImageController.js ***! \**********************************************************************/ -/***/ (function() { - -(function ($) { - /* Listing No Image Controller */ - $('.atbd_listing_no_image .atbd_lower_badge').each(function (i, elm) { - if (!$.trim($(elm).html()).length) { - $(this).addClass('atbd-no-spacing'); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/postDraft.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + /* Listing No Image Controller */ + $('.atbd_listing_no_image .atbd_lower_badge').each( + function (i, elm) { + if (!$.trim($(elm).html()).length) { + $(this).addClass('atbd-no-spacing'); + } + } + ); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/postDraft.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/helpers/postDraft.js ***! \**************************************************************/ -/***/ (function() { - -(function ($) { - //adding temporary css class to post draft page - if ($('.edit_btn_wrap .atbdp_float_active').length) { - $('body').addClass('atbd_post_draft'); - } -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/printRating.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + //adding temporary css class to post draft page + if ($('.edit_btn_wrap .atbdp_float_active').length) { + $('body').addClass('atbd_post_draft'); + } + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/printRating.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/helpers/printRating.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - /* Helper Function for priting static rating */ - function print_static_rating($star_number) { - var v; - if ($star_number) { - v = '
      '; - for (var i = 1; i <= 5; i++) { - v += i <= $star_number ? "
      • " : "
      • "; - } - v += '
    '; - } - return v; - } -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/instantSearch.js": -/*!**********************************************************!*\ + /***/ function () { + (function ($) { + /* Helper Function for priting static rating */ + function print_static_rating($star_number) { + var v; + if ($star_number) { + v = '
      '; + for (var i = 1; i <= 5; i++) { + v += + i <= $star_number + ? "
      • " + : "
      • "; + } + v += '
    '; + } + return v; + } + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/instantSearch.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/instantSearch.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../global/components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./category-custom-fields */ "./assets/src/js/public/components/category-custom-fields.js"); - - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -(function ($) { - /** + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../../global/components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./category-custom-fields */ './assets/src/js/public/components/category-custom-fields.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + (function ($) { + /** Global Variables */ - // Globally accessible form_data - var form_data = {}; + // Globally accessible form_data + var form_data = {}; - // Scrolling Pagination - var scrollingPage = 1; - var infinitePaginationIsLoading = false; - var infinitePaginationCompleted = false; + // Scrolling Pagination + var scrollingPage = 1; + var infinitePaginationIsLoading = false; + var infinitePaginationCompleted = false; - /** + /** Main Functions */ - // Perform Instant Search - function performInstantSearch(searchElement) { - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var instant_search_data = prepareInstantSearchData(searchElm); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - var _searchElm$offset; - searchElm.find('.directorist-advanced-filter__form .directorist-btn-sm').attr('disabled', true); - searchElm.find('.directorist-archive-items').addClass('atbdp-form-fade'); - searchElm.find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show').hide(); - if (((_searchElm$offset = searchElm.offset()) === null || _searchElm$offset === void 0 ? void 0 : _searchElm$offset.top) > 0) { - $(document).scrollTop(searchElm.offset().top); - } - closeAllSearchModal(); - }, - success: function success(html) { - if (html.search_result) { - searchElm.find('.directorist-header-found-title, .dsa-save-search-container').remove(); - if (html.header_title) { - searchElm.find('.directorist-listings-header__left').append(html.header_title); - searchElm.find('.directorist-header-found-title span').text(html.count); - } - searchElm.find('.directorist-archive-items').replaceWith(html.search_result).removeClass('atbdp-form-fade'); - searchElm.find('.directorist-advanced-filter__form .directorist-btn-sm').attr('disabled', false); - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - - // Optional: Update meta title - var new_meta_title = ''; - if (html.category_name) new_meta_title += html.category_name; - if (html.location_name) new_meta_title += (new_meta_title ? ' within ' : '') + html.location_name; - if (form_data.address) new_meta_title += (form_data.in_cat || form_data.in_loc ? ' near ' : '') + form_data.address; - document.title = new_meta_title ? "".concat(new_meta_title, " | ").concat(directorist.site_name) : directorist.site_name; - } - - // Initialize scrolling status - scrollingPage = 1; - infinitePaginationCompleted = false; - } - }); - } - - // Perform Instant Search for directory type change - function onDirectoryChange(searchElement) { - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var instant_search_data = prepareInstantSearchData(searchElm); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - searchElm.addClass('atbdp-form-fade'); - }, - success: function success(html) { - if (html.directory_type) { - searchElm.replaceWith(html.directory_type); - searchElm.find('.atbdp-form-fade').removeClass('atbdp-form-fade'); - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - - // SearchForm Item in Single Category Location Page Init - singleCategoryLocationInit(); - - // Category Custom Field Assigned Init - (0,_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__["default"])($); - } - - // Initialize scrolling status - scrollingPage = 1; - infinitePaginationCompleted = false; - } - }); - } - - // AJAX call to load more listings - function loadMoreListings(searchElement) { - var loadingDiv; - var container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var preparedData = prepareInstantSearchData(searchElm); - - // make ajax data - var instant_search_data = _objectSpread(_objectSpread({}, preparedData), {}, { - paged: scrollingPage - }); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - loadingDiv = $('
    ', { - class: 'directorist-on-scroll-loading' - }).append($('
    ', { - class: 'directorist-spinner' - }), $('').text(directorist.loading_more_text)); - container.append(loadingDiv); - }, - success: function success(html) { - if (loadingDiv) loadingDiv.remove(); - if (html.count > 0) { - container.append(html.render_listings); - } else { - infinitePaginationCompleted = true; - } - triggerCustomEvents(); - }, - complete: function complete() { - infinitePaginationIsLoading = false; - if (loadingDiv) loadingDiv.remove(); - } - }); - } - - /** + // Perform Instant Search + function performInstantSearch(searchElement) { + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var instant_search_data = + prepareInstantSearchData(searchElm); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + var _searchElm$offset; + searchElm + .find( + '.directorist-advanced-filter__form .directorist-btn-sm' + ) + .attr('disabled', true); + searchElm + .find('.directorist-archive-items') + .addClass('atbdp-form-fade'); + searchElm + .find( + '.directorist-header-bar .directorist-advanced-filter' + ) + .removeClass( + 'directorist-advanced-filter--show' + ) + .hide(); + if ( + ((_searchElm$offset = + searchElm.offset()) === null || + _searchElm$offset === void 0 + ? void 0 + : _searchElm$offset.top) > 0 + ) { + $(document).scrollTop( + searchElm.offset().top + ); + } + closeAllSearchModal(); + }, + success: function success(html) { + if (html.search_result) { + searchElm + .find( + '.directorist-header-found-title, .dsa-save-search-container' + ) + .remove(); + if (html.header_title) { + searchElm + .find( + '.directorist-listings-header__left' + ) + .append(html.header_title); + searchElm + .find( + '.directorist-header-found-title span' + ) + .text(html.count); + } + searchElm + .find('.directorist-archive-items') + .replaceWith(html.search_result) + .removeClass('atbdp-form-fade'); + searchElm + .find( + '.directorist-advanced-filter__form .directorist-btn-sm' + ) + .attr('disabled', false); + window.dispatchEvent( + new CustomEvent( + 'directorist-instant-search-reloaded' + ) + ); + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-listings-map-archive' + ) + ); + + // Optional: Update meta title + var new_meta_title = ''; + if (html.category_name) + new_meta_title += html.category_name; + if (html.location_name) + new_meta_title += + (new_meta_title ? ' within ' : '') + + html.location_name; + if (form_data.address) + new_meta_title += + (form_data.in_cat || + form_data.in_loc + ? ' near ' + : '') + form_data.address; + document.title = new_meta_title + ? '' + .concat(new_meta_title, ' | ') + .concat(directorist.site_name) + : directorist.site_name; + } + + // Initialize scrolling status + scrollingPage = 1; + infinitePaginationCompleted = false; + }, + }); + } + + // Perform Instant Search for directory type change + function onDirectoryChange(searchElement) { + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var instant_search_data = + prepareInstantSearchData(searchElm); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + searchElm.addClass('atbdp-form-fade'); + }, + success: function success(html) { + if (html.directory_type) { + searchElm.replaceWith(html.directory_type); + searchElm + .find('.atbdp-form-fade') + .removeClass('atbdp-form-fade'); + window.dispatchEvent( + new CustomEvent( + 'directorist-instant-search-reloaded' + ) + ); + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-listings-map-archive' + ) + ); + + // SearchForm Item in Single Category Location Page Init + singleCategoryLocationInit(); + + // Category Custom Field Assigned Init + (0, + _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])($); + } + + // Initialize scrolling status + scrollingPage = 1; + infinitePaginationCompleted = false; + }, + }); + } + + // AJAX call to load more listings + function loadMoreListings(searchElement) { + var loadingDiv; + var container = $( + '.directorist-infinite-scroll .directorist-container-fluid .directorist-row' + ); + + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var preparedData = prepareInstantSearchData(searchElm); + + // make ajax data + var instant_search_data = _objectSpread( + _objectSpread({}, preparedData), + {}, + { + paged: scrollingPage, + } + ); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + loadingDiv = $('
    ', { + class: 'directorist-on-scroll-loading', + }).append( + $('
    ', { + class: 'directorist-spinner', + }), + $('').text( + directorist.loading_more_text + ) + ); + container.append(loadingDiv); + }, + success: function success(html) { + if (loadingDiv) loadingDiv.remove(); + if (html.count > 0) { + container.append(html.render_listings); + } else { + infinitePaginationCompleted = true; + } + triggerCustomEvents(); + }, + complete: function complete() { + infinitePaginationIsLoading = false; + if (loadingDiv) loadingDiv.remove(); + }, + }); + } + + /** Helper Functions **/ - // Prepare Instant Search Data - function prepareInstantSearchData(searchElm) { - // Get data-atts - var instant_search_atts = searchElm.data('atts'); - - // Make ajax data - var instant_search_data = _objectSpread(_objectSpread({}, form_data), {}, { - action: 'directorist_instant_search', - _nonce: directorist.ajax_nonce, - current_page_id: directorist.current_page_id, - data_atts: instant_search_atts - }); - return instant_search_data; - } - - // Update or retain existing keys in form_data - function updateFormData(newData) { - Object.entries(newData).forEach(function (_ref) { - var _ref2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, 2), - key = _ref2[0], - value = _ref2[1]; - if (value === undefined || value === null || value === '' || Array.isArray(value) && value.length === 0 || (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(value) === 'object' && !Array.isArray(value) && Object.keys(value).length === 0) { - delete form_data[key]; - } else { - form_data[key] = value; - } - }); - } - - // Reset form_data - function resetFormData() { - Object.entries(form_data).forEach(function (_ref3) { - var _ref4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref3, 2), - key = _ref4[0], - value = _ref4[1]; - delete form_data[key]; - }); - } - - // Update search URL with form data - function update_instant_search_url(form_data) { - if (!history.pushState) return; - var newurl = window.location.protocol + '//' + window.location.host + window.location.pathname; - var query = ''; - var appendQuery = function appendQuery(key, value) { - if (value !== undefined && value !== null && value !== '' && (!Array.isArray(value) || value.length)) { - if (Array.isArray(value) && value.length) { - query += (query.length ? '&' : '?') + "".concat(key, "=").concat(value); - } else { - query += (query.length ? '&' : '?') + "".concat(key, "=").concat(encodeURIComponent(value)); - } - } - }; - - // These keys will be ignored - // and will not be appended to the URL - // when updating the URL - var ignoreKeys = ['data_atts', 'custom_field', 'current_page_id', 'action', '_nonce']; - - // Handle all form_data keys dynamically - Object.entries(form_data).forEach(function (_ref5) { - var _ref6 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref5, 2), - key = _ref6[0], - value = _ref6[1]; - if (ignoreKeys.includes(key)) return; - - // Handle default page - if (key === 'paged' && Number(value) === 1) { - return; // ❌ Skip default page 1 - } - - // Handle price & address fields specifically - if (key === 'price' && Array.isArray(value)) { - appendQuery('price[0]', value[0] > 0 ? value[0] : ''); - appendQuery('price[1]', value[1] > 0 ? value[1] : ''); - } else if ((key === 'cityLat' || key === 'cityLng') && !form_data.address) { - return; // ❌ Skip lat/lng if no address - } else { - appendQuery(key, value); - } - }); - - // Handle custom_field - if (form_data.custom_field && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(form_data.custom_field) === 'object') { - Object.entries(form_data.custom_field).forEach(function (_ref7) { - var _ref8 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref7, 2), - key = _ref8[0], - val = _ref8[1]; - // Skip if value is "0-0" (empty range slider) - if (val === '0-0') { - return; - } - - // Skip empty values - if (!val || typeof val === 'string' && val.trim() === '') { - return; - } - - // Handle multiple values (arrays or comma-separated strings) - var values = Array.isArray(val) ? val : typeof val === 'string' && val.includes(',') ? val.split(',') : [val]; - values.forEach(function (singleVal) { - var formattedKey = key.startsWith('custom-checkbox') ? "custom_field%5B".concat(key, "%5D%5B%5D") : "custom_field%5B".concat(key, "%5D"); - appendQuery(formattedKey, singleVal); - }); - }); - } - var finalUrl = query ? newurl + query : newurl; - window.history.pushState({ - path: finalUrl - }, '', finalUrl); - } - - // Check required fields are valid or not - function checkRequiredFields(searchElm) { - // Select all required inputs and selects inside searchElm - var requiredInputs = searchElm.find('input[required], select[required], textarea[required]'); - var requiredFieldsAreValid = true; - requiredInputs.each(function () { - var $el = $(this); - var tagName = $el.prop('tagName').toLowerCase(); - var type = $el.attr('type'); - if (tagName === 'input') { - if (type === 'checkbox' || type === 'radio') { - // For checkboxes/radios, at least one with this name must be checked - var name = $el.attr('name'); - var checked = searchElm.find("input[name=\"".concat(name, "\"]:checked")).length > 0; - if (!checked) { - requiredFieldsAreValid = false; - return false; // break .each loop early - } - } else { - // For other input types, value must not be empty - if (!$el.val()) { - requiredFieldsAreValid = false; - return false; - } - } - } else if (tagName === 'select' || tagName === 'textarea') { - // Select or textarea must have a value - if (!$el.val()) { - requiredFieldsAreValid = false; - return false; - } - } - }); - return requiredFieldsAreValid; - } - - // Build form_data from searchElm inputs. - function buildFormData(searchElm) { - var preservePaged = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; - var tag = []; - var price = []; - var custom_field = {}; - var search_by_rating = []; - - // Collect selected tags - searchElm.find('input[name^="in_tag["]:checked').each(function (_, el) { - tag.push($(el).val()); - }); - - // Collect selected ratings - searchElm.find('input[name^="search_by_rating["]:checked').each(function (_, el) { - search_by_rating.push($(el).val()); - }); - - // Collect price values - searchElm.find('input[name^="price["]').each(function (_, el) { - price.push($(el).val()); - }); - - // Check if **any** price is greater than 0 - var hasValidPrice = price.some(function (val) { - return val > 0; - }); - if (!hasValidPrice) { - price = []; // Reset price if no valid price found - } - - // Collect custom field values - searchElm.find('[name^="custom_field"]').each(function (_, el) { - var $el = $(el); - var name = $el.attr('name'); - var type = $el.attr('type'); - var match = name.match(/^custom_field\[(.+?)\]/); - var post_id = match ? match[1] : ''; - if (!post_id) return; - if (type === 'radio') { - var checked = searchElm.find("input[name=\"custom_field[".concat(post_id, "]\"]:checked")).val(); - if (checked) custom_field[post_id] = checked; - } else if (type === 'checkbox') { - var values = []; - searchElm.find("input[name=\"custom_field[".concat(post_id, "][]\"]:checked")).each(function () { - var val = $(this).val(); - if (val) values.push(val); - }); - if (values.length) custom_field[post_id] = values; - } else { - var value = $el.val(); - if (value && value !== '0-0') custom_field[post_id] = value; - } - }); - - // Collect custom range slider min/max values - var range_slider_values = {}; - searchElm.find('.directorist-custom-range-slider__wrap').each(function () { - var $wrap = $(this); - var rangeField = $wrap.find('.directorist-custom-range-slider__range'); - var rangeName = rangeField.attr('name'); - if (!rangeName) { - return; - } - var minInput = $wrap.find('.directorist-custom-range-slider__value__min'); - var maxInput = $wrap.find('.directorist-custom-range-slider__value__max'); - var minVal = minInput.val(); - var maxVal = maxInput.val(); - var minName = minInput.attr('name'); - var maxName = maxInput.attr('name'); - if (minName && minVal && minVal !== '0') { - range_slider_values[minName] = minVal; - } - if (maxName && maxVal && maxVal !== '0') { - range_slider_values[maxName] = maxVal; - } - }); - - // Collect basic form values - var q = searchElm.find('input[name="q"]').val(); - var in_cat = searchElm.find('.directorist-category-select').val(); - var in_loc = searchElm.find('.directorist-location-select').val(); - var price_range = searchElm.find("input[name='price_range']:checked").val(); - var address = searchElm.find('input[name="address"]').val(); - var zip = searchElm.find('input[name="zip"]').val(); - var fax = searchElm.find('input[name="fax"]').val(); - var email = searchElm.find('input[name="email"]').val(); - var website = searchElm.find('input[name="website"]').val(); - var phone = searchElm.find('input[name="phone"]').val(); - var phone2 = searchElm.find('input[name="phone2"]').val(); - var view = form_data.view; - - // Get directory type - look in the parent container to ensure it's found regardless of form - var directory_type = searchElm.find('input[name="directory_type"]').val() || searchElm.closest('.directorist-instant-search').find('input[name="directory_type"]').val(); - - // Update form_data - updateFormData(_objectSpread({ - q: q, - in_cat: in_cat, - in_loc: in_loc, - in_tag: tag, - price: price, - price_range: price_range, - search_by_rating: search_by_rating, - address: address, - zip: zip, - fax: fax, - email: email, - website: website, - phone: phone, - phone2: phone2, - custom_field: custom_field, - view: view, - directory_type: directory_type - }, range_slider_values)); - - // open_now checkbox - var open_now_val = searchElm.find('input[name="open_now"]').is(':checked') ? searchElm.find('input[name="open_now"]').val() : undefined; - updateFormData({ - open_now: open_now_val - }); - var radius_search_based_on = searchElm.find('.directorist-radius_search_based_on').val(); - - // Check if the address or zip code is present to update miles, lat, and lng - if (radius_search_based_on === 'address' && address) { - updateFormData({ - cityLat: searchElm.find('#cityLat').val(), - cityLng: searchElm.find('#cityLng').val(), - miles: searchElm.find('input[name="miles"]').val() - }); - } else if (radius_search_based_on === 'zip' && zip) { - updateFormData({ - zip_cityLat: searchElm.find('.zip-cityLat').val(), - zip_cityLng: searchElm.find('.zip-cityLng').val(), - miles: searchElm.find('input[name="miles"]').val() - }); - } else { - updateFormData({ - cityLat: undefined, - cityLng: undefined, - zip_cityLat: undefined, - zip_cityLng: undefined, - miles: undefined - }); - } - - // Reset paged to undefined for any non-pagination search - if (!preservePaged) { - updateFormData({ - paged: undefined - }); - } - - // Update URL with form data - update_instant_search_url(form_data); - } - - // Build form data without required value - function buildFormDataWithoutRequired() { - var notRequiredFields = ['view', 'sort', 'paged']; - Object.entries(form_data).forEach(function (_ref9) { - var _ref0 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref9, 2), - key = _ref0[0], - value = _ref0[1]; - if (!notRequiredFields.includes(key)) { - delete form_data[key]; - } - }); - - // Update URL with form data - update_instant_search_url(form_data); - } - - // Perform Instant Search with required value - function performInstantSearchWithRequiredValue(searchElm) { - // Build form data - buildFormData(searchElm); - - // Check required fields - var allRequiredFieldsAreValid = checkRequiredFields(searchElm); - - // If required fields are valid, proceed with filtering - if (allRequiredFieldsAreValid) { - performInstantSearch(searchElm); - } - } - - // Perform Instant Search without required value - function performInstantSearchWithoutRequiredValue(searchElm) { - var preservePaged = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; - // Check required fields - var allRequiredFieldsAreValid = checkRequiredFields(searchElm); - - // If required fields are valid, proceed with filtering - if (allRequiredFieldsAreValid) { - // Build form data - buildFormData(searchElm, preservePaged); - performInstantSearch(searchElm); - } else { - // Build form data without required value - buildFormDataWithoutRequired(); - - // Filter Listing - performInstantSearch(searchElm); - } - } - - // Handle Infinite Scroll - function handleScroll() { - var container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - if (!container.length || infinitePaginationIsLoading) { - return; - } - var containerBottom = container.offset().top + container.outerHeight(); - var scrollBottom = window.scrollY + window.innerHeight; - if (scrollBottom >= containerBottom) { - infinitePaginationIsLoading = true; - scrollingPage++; - - // get parent element - var instantSearchElement = $('.directorist-instant-search'); - // get active form - var activeForm = getActiveForm(instantSearchElement); - - // build form_data - buildFormData(activeForm); - - // Load more listings - loadMoreListings(activeForm); - } - } - - // Close all search modal - function closeAllSearchModal() { - var searchModalElement = document.querySelectorAll('.directorist-search-modal'); - searchModalElement.forEach(function (modal) { - var modalOverlay = modal.querySelector('.directorist-search-modal__overlay'); - var modalContent = modal.querySelector('.directorist-search-modal__contents'); - var modalBodyOverlay = document.querySelector('.directorist-content-active'); - - // Overlay Style - if (modalOverlay) { - modalOverlay.style.cssText = 'opacity: 0; visibility: hidden; transition: 0.5s ease'; - // remove overlay class on body - modalBodyOverlay.classList.remove('directorist-overlay-active'); - } - - // Modal Content Style - if (modalContent) { - modalContent.style.cssText = 'opacity: 0; visibility: hidden; bottom: -200px;'; - } - }); - } - - // Determine the active form with intelligent fallback strategy - function getActiveForm(instantSearchElement) { - var forms = { - sidebar: instantSearchElement.find('.listing-with-sidebar'), - advanced: instantSearchElement.find('.directorist-advanced-filter__form'), - search: instantSearchElement.find('.directorist-search-form') - }; - - // Early return for sidebar listings - if (forms.sidebar.length) { - return instantSearchElement; - } - - // Create form candidates with metadata - var candidates = [{ - form: forms.advanced, - hasDirectoryType: forms.advanced.find('input[name="directory_type"]').length > 0 - }, { - form: forms.search, - hasDirectoryType: forms.search.find('input[name="directory_type"]').length > 0 - }].filter(function (candidate) { - return candidate.form.length > 0; - }); - - // Smart selection: prioritize forms with directory_type, fallback to responsive behavior - var formWithDirectoryType = candidates.find(function (c) { - return c.hasDirectoryType; - }); - if (formWithDirectoryType) { - return formWithDirectoryType.form; - } - - // Fallback: use responsive selection if no directory_type found - return screen.width > 575 ? forms.advanced : forms.search; - } - - // Get directory type - function getDirectoryType(directoryTypeLink) { - var _directoryTypeLink$at; - var typeMatch = (_directoryTypeLink$at = directoryTypeLink.attr('href')) === null || _directoryTypeLink$at === void 0 ? void 0 : _directoryTypeLink$at.match(/type=([^&]+)/); - return typeMatch ? typeMatch[1] : ''; - } - - // Get view as - function getViewAs(viewAsLink) { - var _viewAsLink$attr; - var viewMatch = (_viewAsLink$attr = viewAsLink.attr('href')) === null || _viewAsLink$attr === void 0 ? void 0 : _viewAsLink$attr.match(/view=([^&]+)/); - return viewMatch ? viewMatch[1] : ''; - } - - // Get sort value - function getSortValue(sortByLink) { - var sort_href = sortByLink.attr('data-link'); - var sort_by = sort_href && sort_href.length ? sort_href.match(/sort=.+/) : ''; - return sort_by && sort_by.length ? sort_by[0].replace(/sort=/, '') : ''; - } - - // Trigger custom events - function triggerCustomEvents() { - window.dispatchEvent(new Event('directorist-instant-search-reloaded')); - window.dispatchEvent(new Event('directorist-reload-listings-map-archive')); - } - - // Range Slider searching observer - function initObserver() { - var targetNodes = document.querySelectorAll('.directorist-instant-search .directorist-custom-range-slider__value input'); - targetNodes.forEach(function (targetNode) { - var searchElm = $(targetNode.closest('form')); - if (targetNode) { - var timeout; - var observerCallback = function observerCallback(mutationList, observer) { - var _iterator = _createForOfIteratorHelper(mutationList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - if (mutation.attributeName == 'value') { - clearTimeout(timeout); - timeout = setTimeout(function () { - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - }; - var observer = new MutationObserver(observerCallback); - observer.observe(targetNode, { - attributes: true, - childList: true, - subtree: true - }); - } - }); - } - - // Single Location Category Page Search Form Item Disable - function singleCategoryLocationInit() { - var directoristArchiveContents = document.querySelector('.directorist-archive-contents'); - if (!directoristArchiveContents) { - return; - } - var directoristDataAttributes = directoristArchiveContents.getAttribute('data-atts'); - var _JSON$parse = JSON.parse(directoristDataAttributes), - shortcode = _JSON$parse.shortcode, - location = _JSON$parse.location, - category = _JSON$parse.category; - if (shortcode === 'directorist_category' && category.trim() !== '') { - var categorySelect = document.querySelector('.directorist-search-form .directorist-category-select'); - if (categorySelect) { - categorySelect.closest('.directorist-search-category').classList.add('directorist-search-form__single-category'); - } - } - if (shortcode === 'directorist_location' && location.trim() !== '') { - var locationSelect = document.querySelector('.directorist-search-form .directorist-location-select'); - if (locationSelect) { - locationSelect.closest('.directorist-search-location').classList.add('directorist-search-form__single-location'); - } - } - } - - /** + // Prepare Instant Search Data + function prepareInstantSearchData(searchElm) { + // Get data-atts + var instant_search_atts = searchElm.data('atts'); + + // Make ajax data + var instant_search_data = _objectSpread( + _objectSpread({}, form_data), + {}, + { + action: 'directorist_instant_search', + _nonce: directorist.ajax_nonce, + current_page_id: directorist.current_page_id, + data_atts: instant_search_atts, + } + ); + return instant_search_data; + } + + // Update or retain existing keys in form_data + function updateFormData(newData) { + Object.entries(newData).forEach(function (_ref) { + var _ref2 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref, 2), + key = _ref2[0], + value = _ref2[1]; + if ( + value === undefined || + value === null || + value === '' || + (Array.isArray(value) && value.length === 0) || + ((0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(value) === 'object' && + !Array.isArray(value) && + Object.keys(value).length === 0) + ) { + delete form_data[key]; + } else { + form_data[key] = value; + } + }); + } + + // Reset form_data + function resetFormData() { + Object.entries(form_data).forEach(function (_ref3) { + var _ref4 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref3, 2), + key = _ref4[0], + value = _ref4[1]; + delete form_data[key]; + }); + } + + // Update search URL with form data + function update_instant_search_url(form_data) { + if (!history.pushState) return; + var newurl = + window.location.protocol + + '//' + + window.location.host + + window.location.pathname; + var query = ''; + var appendQuery = function appendQuery(key, value) { + if ( + value !== undefined && + value !== null && + value !== '' && + (!Array.isArray(value) || value.length) + ) { + if (Array.isArray(value) && value.length) { + query += + (query.length ? '&' : '?') + + ''.concat(key, '=').concat(value); + } else { + query += + (query.length ? '&' : '?') + + '' + .concat(key, '=') + .concat(encodeURIComponent(value)); + } + } + }; + + // These keys will be ignored + // and will not be appended to the URL + // when updating the URL + var ignoreKeys = [ + 'data_atts', + 'custom_field', + 'current_page_id', + 'action', + '_nonce', + ]; + + // Handle all form_data keys dynamically + Object.entries(form_data).forEach(function (_ref5) { + var _ref6 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref5, 2), + key = _ref6[0], + value = _ref6[1]; + if (ignoreKeys.includes(key)) return; + + // Handle default page + if (key === 'paged' && Number(value) === 1) { + return; // ❌ Skip default page 1 + } + + // Handle price & address fields specifically + if (key === 'price' && Array.isArray(value)) { + appendQuery( + 'price[0]', + value[0] > 0 ? value[0] : '' + ); + appendQuery( + 'price[1]', + value[1] > 0 ? value[1] : '' + ); + } else if ( + (key === 'cityLat' || key === 'cityLng') && + !form_data.address + ) { + return; // ❌ Skip lat/lng if no address + } else { + appendQuery(key, value); + } + }); + + // Handle custom_field + if ( + form_data.custom_field && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(form_data.custom_field) === 'object' + ) { + Object.entries(form_data.custom_field).forEach( + function (_ref7) { + var _ref8 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref7, 2), + key = _ref8[0], + val = _ref8[1]; + // Skip if value is "0-0" (empty range slider) + if (val === '0-0') { + return; + } + + // Skip empty values + if ( + !val || + (typeof val === 'string' && + val.trim() === '') + ) { + return; + } + + // Handle multiple values (arrays or comma-separated strings) + var values = Array.isArray(val) + ? val + : typeof val === 'string' && + val.includes(',') + ? val.split(',') + : [val]; + values.forEach(function (singleVal) { + var formattedKey = key.startsWith( + 'custom-checkbox' + ) + ? 'custom_field%5B'.concat( + key, + '%5D%5B%5D' + ) + : 'custom_field%5B'.concat( + key, + '%5D' + ); + appendQuery(formattedKey, singleVal); + }); + } + ); + } + var finalUrl = query ? newurl + query : newurl; + window.history.pushState( + { + path: finalUrl, + }, + '', + finalUrl + ); + } + + // Check required fields are valid or not + function checkRequiredFields(searchElm) { + // Select all required inputs and selects inside searchElm + var requiredInputs = searchElm.find( + '.directorist-search-field input[required], .directorist-search-field select[required], .directorist-search-field textarea[required]' + ); + var requiredFieldsAreValid = true; + requiredInputs.each(function () { + var $el = $(this); + var tagName = $el.prop('tagName').toLowerCase(); + var type = $el.attr('type'); + if (tagName === 'input') { + if (type === 'checkbox' || type === 'radio') { + // For checkboxes/radios, at least one with this name must be checked + var name = $el.attr('name'); + var checked = + searchElm.find( + 'input[name="'.concat( + name, + '"]:checked' + ) + ).length > 0; + if (!checked) { + requiredFieldsAreValid = false; + return false; // break .each loop early + } + } else { + // For other input types, value must not be empty + if (!$el.val()) { + requiredFieldsAreValid = false; + return false; + } + } + } else if ( + tagName === 'select' || + tagName === 'textarea' + ) { + // Select or textarea must have a value + if (!$el.val()) { + requiredFieldsAreValid = false; + return false; + } + } + }); + return requiredFieldsAreValid; + } + + // Build form_data from searchElm inputs. + function buildFormData(searchElm) { + var preservePaged = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : false; + var tag = []; + var price = []; + var custom_field = {}; + var search_by_rating = []; + + // Collect selected tags + searchElm + .find('input[name^="in_tag["]:checked') + .each(function (_, el) { + tag.push($(el).val()); + }); + + // Collect selected ratings + searchElm + .find('input[name^="search_by_rating["]:checked') + .each(function (_, el) { + search_by_rating.push($(el).val()); + }); + + // Collect price values + searchElm + .find('input[name^="price["]') + .each(function (_, el) { + price.push($(el).val()); + }); + + // Check if **any** price is greater than 0 + var hasValidPrice = price.some(function (val) { + return val > 0; + }); + if (!hasValidPrice) { + price = []; // Reset price if no valid price found + } + + // Collect custom field values + searchElm + .find('[name^="custom_field"]') + .each(function (_, el) { + var $el = $(el); + var name = $el.attr('name'); + var type = $el.attr('type'); + var match = name.match( + /^custom_field\[(.+?)\]/ + ); + var post_id = match ? match[1] : ''; + if (!post_id) return; + if (type === 'radio') { + var checked = searchElm + .find( + 'input[name="custom_field['.concat( + post_id, + ']"]:checked' + ) + ) + .val(); + if (checked) + custom_field[post_id] = checked; + } else if (type === 'checkbox') { + var values = []; + searchElm + .find( + 'input[name="custom_field['.concat( + post_id, + '][]"]:checked' + ) + ) + .each(function () { + var val = $(this).val(); + if (val) values.push(val); + }); + if (values.length) + custom_field[post_id] = values; + } else { + var value = $el.val(); + if (value && value !== '0-0') + custom_field[post_id] = value; + } + }); + + // Collect custom range slider min/max values + var range_slider_values = {}; + searchElm + .find('.directorist-custom-range-slider__wrap') + .each(function () { + var $wrap = $(this); + var rangeField = $wrap.find( + '.directorist-custom-range-slider__range' + ); + var rangeName = rangeField.attr('name'); + if (!rangeName) { + return; + } + var minInput = $wrap.find( + '.directorist-custom-range-slider__value__min' + ); + var maxInput = $wrap.find( + '.directorist-custom-range-slider__value__max' + ); + var minVal = minInput.val(); + var maxVal = maxInput.val(); + var minName = minInput.attr('name'); + var maxName = maxInput.attr('name'); + if (minName && minVal && minVal !== '0') { + range_slider_values[minName] = minVal; + } + if (maxName && maxVal && maxVal !== '0') { + range_slider_values[maxName] = maxVal; + } + }); + + // Collect basic form values + var q = searchElm.find('input[name="q"]').val(); + var in_cat = searchElm + .find('.directorist-category-select') + .val(); + var in_loc = searchElm + .find('.directorist-location-select') + .val(); + var price_range = searchElm + .find("input[name='price_range']:checked") + .val(); + var address = searchElm + .find('input[name="address"]') + .val(); + var zip = searchElm.find('input[name="zip"]').val(); + var fax = searchElm.find('input[name="fax"]').val(); + var email = searchElm.find('input[name="email"]').val(); + var website = searchElm + .find('input[name="website"]') + .val(); + var phone = searchElm.find('input[name="phone"]').val(); + var phone2 = searchElm + .find('input[name="phone2"]') + .val(); + var view = form_data.view; + + // Get directory type - look in the parent container to ensure it's found regardless of form + var directory_type = + searchElm + .find('input[name="directory_type"]') + .val() || + searchElm + .closest('.directorist-instant-search') + .find('input[name="directory_type"]') + .val(); + + // Update form_data + updateFormData( + _objectSpread( + { + q: q, + in_cat: in_cat, + in_loc: in_loc, + in_tag: tag, + price: price, + price_range: price_range, + search_by_rating: search_by_rating, + address: address, + zip: zip, + fax: fax, + email: email, + website: website, + phone: phone, + phone2: phone2, + custom_field: custom_field, + view: view, + directory_type: directory_type, + }, + range_slider_values + ) + ); + + // open_now checkbox + var open_now_val = searchElm + .find('input[name="open_now"]') + .is(':checked') + ? searchElm.find('input[name="open_now"]').val() + : undefined; + updateFormData({ + open_now: open_now_val, + }); + var radius_search_based_on = searchElm + .find('.directorist-radius_search_based_on') + .val(); + + // Check if the address or zip code is present to update miles, lat, and lng + if (radius_search_based_on === 'address' && address) { + updateFormData({ + cityLat: searchElm.find('#cityLat').val(), + cityLng: searchElm.find('#cityLng').val(), + miles: searchElm + .find('input[name="miles"]') + .val(), + }); + } else if (radius_search_based_on === 'zip' && zip) { + updateFormData({ + zip_cityLat: searchElm + .find('.zip-cityLat') + .val(), + zip_cityLng: searchElm + .find('.zip-cityLng') + .val(), + miles: searchElm + .find('input[name="miles"]') + .val(), + }); + } else { + updateFormData({ + cityLat: undefined, + cityLng: undefined, + zip_cityLat: undefined, + zip_cityLng: undefined, + miles: undefined, + }); + } + + // Reset paged to undefined for any non-pagination search + if (!preservePaged) { + updateFormData({ + paged: undefined, + }); + } + + // Update URL with form data + update_instant_search_url(form_data); + } + + // Build form data without required value + function buildFormDataWithoutRequired() { + var notRequiredFields = ['view', 'sort', 'paged']; + Object.entries(form_data).forEach(function (_ref9) { + var _ref0 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref9, 2), + key = _ref0[0], + value = _ref0[1]; + if (!notRequiredFields.includes(key)) { + delete form_data[key]; + } + }); + + // Update URL with form data + update_instant_search_url(form_data); + } + + // Perform Instant Search with required value + function performInstantSearchWithRequiredValue(searchElm) { + // Build form data + buildFormData(searchElm); + + // Check required fields + var allRequiredFieldsAreValid = + checkRequiredFields(searchElm); + + // If required fields are valid, proceed with filtering + if (allRequiredFieldsAreValid) { + performInstantSearch(searchElm); + } + } + + // Perform Instant Search without required value + function performInstantSearchWithoutRequiredValue( + searchElm + ) { + var preservePaged = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : false; + // Check required fields + var allRequiredFieldsAreValid = + checkRequiredFields(searchElm); + + // If required fields are valid, proceed with filtering + if (allRequiredFieldsAreValid) { + // Build form data + buildFormData(searchElm, preservePaged); + performInstantSearch(searchElm); + } else { + // Build form data without required value + buildFormDataWithoutRequired(); + + // Filter Listing + performInstantSearch(searchElm); + } + } + + // Handle Infinite Scroll + function handleScroll() { + var container = $( + '.directorist-infinite-scroll .directorist-container-fluid .directorist-row' + ); + if (!container.length || infinitePaginationIsLoading) { + return; + } + var containerBottom = + container.offset().top + container.outerHeight(); + var scrollBottom = window.scrollY + window.innerHeight; + if (scrollBottom >= containerBottom) { + infinitePaginationIsLoading = true; + scrollingPage++; + + // get parent element + var instantSearchElement = $( + '.directorist-instant-search' + ); + // get active form + var activeForm = + getActiveForm(instantSearchElement); + + // build form_data + buildFormData(activeForm); + + // Load more listings + loadMoreListings(activeForm); + } + } + + // Close all search modal + function closeAllSearchModal() { + var searchModalElement = document.querySelectorAll( + '.directorist-search-modal' + ); + searchModalElement.forEach(function (modal) { + var modalOverlay = modal.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = modal.querySelector( + '.directorist-search-modal__contents' + ); + var modalBodyOverlay = document.querySelector( + '.directorist-content-active' + ); + + // Overlay Style + if (modalOverlay) { + modalOverlay.style.cssText = + 'opacity: 0; visibility: hidden; transition: 0.5s ease'; + // remove overlay class on body + modalBodyOverlay.classList.remove( + 'directorist-overlay-active' + ); + } + + // Modal Content Style + if (modalContent) { + modalContent.style.cssText = + 'opacity: 0; visibility: hidden; bottom: -200px;'; + } + }); + } + + // Determine the active form with intelligent fallback strategy + function getActiveForm(instantSearchElement) { + var forms = { + sidebar: instantSearchElement.find( + '.listing-with-sidebar' + ), + advanced: instantSearchElement.find( + '.directorist-advanced-filter__form' + ), + search: instantSearchElement.find( + '.directorist-search-form' + ), + }; + + // Early return for sidebar listings + if (forms.sidebar.length) { + return instantSearchElement; + } + + // Create form candidates with metadata + var candidates = [ + { + form: forms.advanced, + hasDirectoryType: + forms.advanced.find( + 'input[name="directory_type"]' + ).length > 0, + }, + { + form: forms.search, + hasDirectoryType: + forms.search.find( + 'input[name="directory_type"]' + ).length > 0, + }, + ].filter(function (candidate) { + return candidate.form.length > 0; + }); + + // Smart selection: prioritize forms with directory_type, fallback to responsive behavior + var formWithDirectoryType = candidates.find( + function (c) { + return c.hasDirectoryType; + } + ); + if (formWithDirectoryType) { + return formWithDirectoryType.form; + } + + // Fallback: use responsive selection if no directory_type found + return screen.width > 575 + ? forms.advanced + : forms.search; + } + + // Get directory type + function getDirectoryType(directoryTypeLink) { + var _directoryTypeLink$at; + var typeMatch = + (_directoryTypeLink$at = + directoryTypeLink.attr('href')) === null || + _directoryTypeLink$at === void 0 + ? void 0 + : _directoryTypeLink$at.match(/type=([^&]+)/); + return typeMatch ? typeMatch[1] : ''; + } + + // Get view as + function getViewAs(viewAsLink) { + var _viewAsLink$attr; + var viewMatch = + (_viewAsLink$attr = viewAsLink.attr('href')) === + null || _viewAsLink$attr === void 0 + ? void 0 + : _viewAsLink$attr.match(/view=([^&]+)/); + return viewMatch ? viewMatch[1] : ''; + } + + // Get sort value + function getSortValue(sortByLink) { + var sort_href = sortByLink.attr('data-link'); + var sort_by = + sort_href && sort_href.length + ? sort_href.match(/sort=.+/) + : ''; + return sort_by && sort_by.length + ? sort_by[0].replace(/sort=/, '') + : ''; + } + + // Trigger custom events + function triggerCustomEvents() { + window.dispatchEvent( + new Event('directorist-instant-search-reloaded') + ); + window.dispatchEvent( + new Event('directorist-reload-listings-map-archive') + ); + } + + // Range Slider searching observer + function initObserver() { + var targetNodes = document.querySelectorAll( + '.directorist-instant-search .directorist-custom-range-slider__value input' + ); + targetNodes.forEach(function (targetNode) { + var searchElm = $(targetNode.closest('form')); + if (targetNode) { + var timeout; + var observerCallback = + function observerCallback( + mutationList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + if ( + mutation.attributeName == + 'value' + ) { + clearTimeout(timeout); + timeout = setTimeout( + function () { + // Instant search with required value + performInstantSearchWithRequiredValue( + searchElm + ); + }, + 250 + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }; + var observer = new MutationObserver( + observerCallback + ); + observer.observe(targetNode, { + attributes: true, + childList: true, + subtree: true, + }); + } + }); + } + + // Single Location Category Page Search Form Item Disable + function singleCategoryLocationInit() { + var directoristArchiveContents = document.querySelector( + '.directorist-archive-contents' + ); + if (!directoristArchiveContents) { + return; + } + var directoristDataAttributes = + directoristArchiveContents.getAttribute( + 'data-atts' + ); + var _JSON$parse = JSON.parse(directoristDataAttributes), + shortcode = _JSON$parse.shortcode, + location = _JSON$parse.location, + category = _JSON$parse.category; + if ( + shortcode === 'directorist_category' && + category.trim() !== '' + ) { + var categorySelect = document.querySelector( + '.directorist-search-form .directorist-category-select' + ); + if (categorySelect) { + categorySelect + .closest('.directorist-search-category') + .classList.add( + 'directorist-search-form__single-category' + ); + } + } + if ( + shortcode === 'directorist_location' && + location.trim() !== '' + ) { + var locationSelect = document.querySelector( + '.directorist-search-form .directorist-location-select' + ); + if (locationSelect) { + locationSelect + .closest('.directorist-search-location') + .classList.add( + 'directorist-search-form__single-location' + ); + } + } + } + + /** Event Listeners */ - // sidebar on keyup searching - $('body').on('keyup', '.directorist-instant-search .listing-with-sidebar form', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - if ($(e.target).closest('.directorist-custom-range-slider__value').length > 0 || e.key === 'Enter' && e.target.value === '') { - return; // Skip search for this element - } - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - radio/checkbox/location/range - $('body').on('change', ".directorist-instant-search .listing-with-sidebar input[type='checkbox'],.directorist-instant-search .listing-with-sidebar input[type='radio'], .directorist-instant-search .listing-with-sidebar input[type='time'], .directorist-instant-search .listing-with-sidebar input[type='date'], .directorist-instant-search .listing-with-sidebar .directorist-custom-range-slider__wrap .directorist-custom-range-slider__range, .directorist-instant-search .listing-with-sidebar .directorist-search-location .location-name", (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - zipcode/location - $('body').on('change', '.directorist-instant-search .listing-with-sidebar .directorist-search-location, .directorist-instant-search .listing-with-sidebar .directorist-zipcode-search', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // If it's a location field, ensure it has a value before triggering the filter - if ($(this).hasClass('directorist-search-location')) { - var locationField = $(this).find('input[name="address"]'); - if (!locationField.val()) { - return; - } - } - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - select - $('body').on('change', '.directorist-instant-search .listing-with-sidebar select', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - if (!$(this).val()) { - return; // Skip search if the value is empty - } - e.preventDefault(); - var searchElm = $(this).val() && $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - color - window.addEventListener('directorist-color-changed', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - var input = e.detail.input; - var searchElm = $(input).closest('.listing-with-sidebar'); - if (!searchElm.length) return; - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on click searching - location icon - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-filter-location-icon', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 1000)); - - // Clear Input Value - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-search-field__btn--clear', function (e) { - // Clear Color Field Value - var irisPicker = $(this).closest('.directorist-search-field.directorist-color').find('input.wp-picker-clear'); - if (irisPicker !== null) { - irisPicker.click(); - } - var $searchField = $(this).closest('.directorist-search-field'); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Clear text, email, number, select fields etc - $searchField.find('input:not([type="checkbox"]):not([type="radio"]):not(.wp-picker-clear), select').val(''); - - // Clear checkboxes - $searchField.find('input[type="checkbox"]').prop('checked', false); - - // Clear radio buttons - $searchField.find('input[type="radio"]').prop('checked', false); - - // Proceed if form exists - if (searchElm.length) { - performInstantSearchWithRequiredValue(searchElm); - } - }); - - // Directorist instant search reset - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-btn-reset-js', function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.directorist-instant-search'); - // Get active form - var activeForm = getActiveForm(searchElm); - - // ✅ only update `page`, preserve others - updateFormData({ - paged: 1 - }); - - // ✅ Define Filter Listing debounced function - var debouncedResetSearch = (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function () { - // Build form data - buildFormData(activeForm); - performInstantSearch(activeForm); - }, 250); - - // Reset Search after resetting form value - debouncedResetSearch(); - }); - - // Directorist instant search submit - $('body').on('submit', '.directorist-instant-search form', function (e) { - e.preventDefault(); - var _this = $(this); - - // Instant search with required value - performInstantSearchWithRequiredValue(_this); - }); - - // Directorist instant search submit - for advanced filter - $('body').on('submit', '.widget .default-ad-search:not(.directorist_single) .directorist-advanced-filter__form', function (e) { - if ($('.directorist-instant-search').length) { - e.preventDefault(); - var _this = $(this); - - // Instant search with required value - performInstantSearchWithRequiredValue(_this); - } - }); - - // Directorist type changes - $('body').on('click', '.directorist-instant-search .directorist-type-nav__link', function (e) { - e.preventDefault(); - - // Check if the clicked item is already active - if ($(this).closest('.directorist-type-nav__list li').hasClass('directorist-type-nav__list__current')) { - return; // Skip if already active - } - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // reset form data - resetFormData(); - - // Get directory_type - var directory_type = getDirectoryType($(this)); - - // ✅ only update `directory_type`, preserve others - updateFormData({ - directory_type: directory_type - }); - - // Update URL with form data - update_instant_search_url(form_data); - - // Set the directory_type value in the input - $(this).closest('.directorist-instant-search').find('input[name="directory_type"]').val(directory_type); - - // Get active form - var activeForm = getActiveForm(searchElm); - - // Instant search for directory type change - onDirectoryChange(activeForm); - }); - - // Directorist view as changes - $('body').on('click', '.directorist-instant-search .directorist-viewas .directorist-viewas__item', function (e) { - e.preventDefault(); - - // Check if the clicked item is already active - if ($(this).hasClass('active')) { - return; // Skip if already active - } - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get view as value - var view = getViewAs($(this)); - // ✅ only update `view`, preserve others - updateFormData({ - view: view - }); - - // Get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - performInstantSearchWithoutRequiredValue(activeForm); - }); - - // Directorist sort by changes - $('body').on('click', '.directorist-instant-search .directorist-sortby-dropdown .directorist-dropdown__links__single-js', function (e) { - e.preventDefault(); - - // toggle active class - $(this).addClass('active').siblings('.directorist-dropdown__links__single-js').removeClass('active'); - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get sort value - var sort = getSortValue($(this)); - // ✅ only update `sort`, preserve others - updateFormData({ - sort: sort - }); - - // get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - performInstantSearchWithoutRequiredValue(activeForm); - }); - - // Directorist pagination changes - $('body').on('click', '.directorist-instant-search .directorist-pagination .page-numbers', function (e) { - e.preventDefault(); - var page = form_data.paged || 1; - var currentPage = $(this).text(); - if (currentPage) { - page = parseInt(currentPage); - } else if ($(this).hasClass('next')) { - page = parseInt(page) + 1; - } else if ($(this).hasClass('prev')) { - page = parseInt(page) - 1; - } - // ✅ only update `paged`, preserve others - updateFormData({ - paged: page - }); - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - preserve paged in form_data - performInstantSearchWithoutRequiredValue(activeForm, true); - }); - - // Submit on sidebar form - if ($('.directorist-instant-search').length === 0) { - $('body').on('submit', '.listing-with-sidebar .directorist-basic-search, .listing-with-sidebar .directorist-advanced-search', function (e) { - e.preventDefault(); - var basic_data = $('.listing-with-sidebar .directorist-basic-search').serialize(); - var advanced_data = $('.listing-with-sidebar .directorist-advanced-search').serialize(); - var action_value = $('.directorist-advanced-search').attr('action'); - var url = action_value + '?' + basic_data + '&' + advanced_data; - window.location.href = url; - }); - } - - // Prevent disabled links from being clicked - $('body').on('click', '.disabled-link', function (e) { - e.preventDefault(); - }); - - // Prevent default action for dropdown links - $('.directorist-instant-search .directorist-dropdown__links__single-js').off('click'); - - // Initialize Infinite Scroll - window.addEventListener('scroll', function () { - if (infinitePaginationCompleted) { - scrollingPage = 1; - return; - } - handleScroll(); - }); - - // Initialize the observer for single category location - window.addEventListener('load', function () { - (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(initObserver(), 250); - singleCategoryLocationInit(); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/legacy-support.js": -/*!***********************************************************!*\ + // sidebar on keyup searching + $('body').on( + 'keyup', + '.directorist-instant-search .listing-with-sidebar form', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + if ( + $(e.target).closest( + '.directorist-custom-range-slider__value' + ).length > 0 || + (e.key === 'Enter' && e.target.value === '') + ) { + return; // Skip search for this element + } + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - radio/checkbox/location/range + $('body').on( + 'change', + ".directorist-instant-search .listing-with-sidebar input[type='checkbox'],.directorist-instant-search .listing-with-sidebar input[type='radio'], .directorist-instant-search .listing-with-sidebar input[type='time'], .directorist-instant-search .listing-with-sidebar input[type='date'], .directorist-instant-search .listing-with-sidebar .directorist-custom-range-slider__wrap .directorist-custom-range-slider__range, .directorist-instant-search .listing-with-sidebar .directorist-search-location .location-name", + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - zipcode/location + $('body').on( + 'change', + '.directorist-instant-search .listing-with-sidebar .directorist-search-location, .directorist-instant-search .listing-with-sidebar .directorist-zipcode-search', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // If it's a location field, ensure it has a value before triggering the filter + if ( + $(this).hasClass('directorist-search-location') + ) { + var locationField = $(this).find( + 'input[name="address"]' + ); + if (!locationField.val()) { + return; + } + } + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - select + $('body').on( + 'change', + '.directorist-instant-search .listing-with-sidebar select', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + if (!$(this).val()) { + return; // Skip search if the value is empty + } + e.preventDefault(); + var searchElm = + $(this).val() && + $(this).closest('.listing-with-sidebar'); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - color + window.addEventListener( + 'directorist-color-changed', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + var input = e.detail.input; + var searchElm = $(input).closest( + '.listing-with-sidebar' + ); + if (!searchElm.length) return; + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on click searching - location icon + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-filter-location-icon', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 1000) + ); + + // Clear Input Value + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-search-field__btn--clear', + function (e) { + // Clear Color Field Value + var irisPicker = $(this) + .closest( + '.directorist-search-field.directorist-color' + ) + .find('input.wp-picker-clear'); + if (irisPicker !== null) { + irisPicker.click(); + } + var $searchField = $(this).closest( + '.directorist-search-field' + ); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Clear text, email, number, select fields etc + $searchField + .find( + 'input:not([type="checkbox"]):not([type="radio"]):not(.wp-picker-clear), select' + ) + .val(''); + + // Clear checkboxes + $searchField + .find('input[type="checkbox"]') + .prop('checked', false); + + // Clear radio buttons + $searchField + .find('input[type="radio"]') + .prop('checked', false); + + // Proceed if form exists + if (searchElm.length) { + performInstantSearchWithRequiredValue( + searchElm + ); + } + } + ); + + // Directorist instant search reset + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-btn-reset-js', + function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + // Get active form + var activeForm = getActiveForm(searchElm); + + // ✅ only update `page`, preserve others + updateFormData({ + paged: 1, + }); + + // ✅ Define Filter Listing debounced function + var debouncedResetSearch = (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function () { + // Build form data + buildFormData(activeForm); + performInstantSearch(activeForm); + }, 250); + + // Reset Search after resetting form value + debouncedResetSearch(); + } + ); + + // Directorist instant search submit + $('body').on( + 'submit', + '.directorist-instant-search form', + function (e) { + e.preventDefault(); + var _this = $(this); + + // Instant search with required value + performInstantSearchWithRequiredValue(_this); + } + ); + + // Directorist instant search submit - for advanced filter + $('body').on( + 'submit', + '.widget .default-ad-search:not(.directorist_single) .directorist-advanced-filter__form', + function (e) { + if ($('.directorist-instant-search').length) { + e.preventDefault(); + var _this = $(this); + + // Instant search with required value + performInstantSearchWithRequiredValue(_this); + } + } + ); + + // Directorist type changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-type-nav__link', + function (e) { + e.preventDefault(); + + // Check if the clicked item is already active + if ( + $(this) + .closest('.directorist-type-nav__list li') + .hasClass( + 'directorist-type-nav__list__current' + ) + ) { + return; // Skip if already active + } + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // reset form data + resetFormData(); + + // Get directory_type + var directory_type = getDirectoryType($(this)); + + // ✅ only update `directory_type`, preserve others + updateFormData({ + directory_type: directory_type, + }); + + // Update URL with form data + update_instant_search_url(form_data); + + // Set the directory_type value in the input + $(this) + .closest('.directorist-instant-search') + .find('input[name="directory_type"]') + .val(directory_type); + + // Get active form + var activeForm = getActiveForm(searchElm); + + // Instant search for directory type change + onDirectoryChange(activeForm); + } + ); + + // Directorist view as changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-viewas .directorist-viewas__item', + function (e) { + e.preventDefault(); + + // Check if the clicked item is already active + if ($(this).hasClass('active')) { + return; // Skip if already active + } + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get view as value + var view = getViewAs($(this)); + // ✅ only update `view`, preserve others + updateFormData({ + view: view, + }); + + // Get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value + performInstantSearchWithoutRequiredValue( + activeForm + ); + } + ); + + // Directorist sort by changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-sortby-dropdown .directorist-dropdown__links__single-js', + function (e) { + e.preventDefault(); + + // toggle active class + $(this) + .addClass('active') + .siblings( + '.directorist-dropdown__links__single-js' + ) + .removeClass('active'); + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get sort value + var sort = getSortValue($(this)); + // ✅ only update `sort`, preserve others + updateFormData({ + sort: sort, + }); + + // get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value + performInstantSearchWithoutRequiredValue( + activeForm + ); + } + ); + + // Directorist pagination changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-pagination .page-numbers', + function (e) { + e.preventDefault(); + var page = form_data.paged || 1; + var currentPage = $(this).text(); + if (currentPage) { + page = parseInt(currentPage); + } else if ($(this).hasClass('next')) { + page = parseInt(page) + 1; + } else if ($(this).hasClass('prev')) { + page = parseInt(page) - 1; + } + // ✅ only update `paged`, preserve others + updateFormData({ + paged: page, + }); + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value - preserve paged in form_data + performInstantSearchWithoutRequiredValue( + activeForm, + true + ); + } + ); + + // Submit on sidebar form + if ($('.directorist-instant-search').length === 0) { + $('body').on( + 'submit', + '.listing-with-sidebar .directorist-basic-search, .listing-with-sidebar .directorist-advanced-search', + function (e) { + e.preventDefault(); + var basic_data = $( + '.listing-with-sidebar .directorist-basic-search' + ).serialize(); + var advanced_data = $( + '.listing-with-sidebar .directorist-advanced-search' + ).serialize(); + var action_value = $( + '.directorist-advanced-search' + ).attr('action'); + var url = + action_value + + '?' + + basic_data + + '&' + + advanced_data; + window.location.href = url; + } + ); + } + + // Prevent disabled links from being clicked + $('body').on('click', '.disabled-link', function (e) { + e.preventDefault(); + }); + + // Prevent default action for dropdown links + $( + '.directorist-instant-search .directorist-dropdown__links__single-js' + ).off('click'); + + // Initialize Infinite Scroll + window.addEventListener('scroll', function () { + if (infinitePaginationCompleted) { + scrollingPage = 1; + return; + } + handleScroll(); + }); + + // Initialize the observer for single category location + window.addEventListener('load', function () { + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(initObserver(), 250); + singleCategoryLocationInit(); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/legacy-support.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/legacy-support.js ***! \***********************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.atbd-dropdown'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.atbd-dropdown-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - el.querySelector('.atbd-dropdown-items').classList.add('atbd-show'); - } else { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'atbd-toggle') { - clickCount = 0; - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/masonry.js": -/*!****************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = + document.querySelectorAll('.atbd-dropdown'); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.atbd-dropdown-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + el.querySelector( + '.atbd-dropdown-items' + ).classList.add('atbd-show'); + } else { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'atbd-toggle' + ) { + clickCount = 0; + document + .querySelectorAll('.atbd-dropdown-items') + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/masonry.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/masonry.js ***! \****************************************************/ -/***/ (function() { - -// DOM Mutation observer -function initObserver() { - var targetNode = document.querySelector('.directorist-archive-contents'); - var observer = new MutationObserver(initMasonry); - if (targetNode) { - observer.observe(targetNode, { - childList: true - }); - } -} - -// All listings Masonry layout -function initMasonry() { - var $ = jQuery; - function authorsMasonry(selector) { - var authorsCard = $(selector); - $(authorsCard).each(function (id, elm) { - var authorsCardRow = $(elm).find('.directorist-masonry'); - var authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }); - }); - } - authorsMasonry('.directorist-archive-grid-view'); -} -window.addEventListener('load', initObserver); -window.addEventListener('load', initMasonry); - -/***/ }), - -/***/ "./assets/src/js/public/components/review.js": -/*!***************************************************!*\ + /***/ function () { + // DOM Mutation observer + function initObserver() { + var targetNode = document.querySelector( + '.directorist-archive-contents' + ); + var observer = new MutationObserver(initMasonry); + if (targetNode) { + observer.observe(targetNode, { + childList: true, + }); + } + } + + // All listings Masonry layout + function initMasonry() { + var $ = jQuery; + function authorsMasonry(selector) { + var authorsCard = $(selector); + $(authorsCard).each(function (id, elm) { + var authorsCardRow = $(elm).find( + '.directorist-masonry' + ); + var authorMasonryInit = $( + authorsCardRow + ).imagesLoaded(function () { + $(authorMasonryInit).masonry({ + percentPosition: true, + horizontalOrder: true, + }); + }); + }); + } + authorsMasonry('.directorist-archive-grid-view'); + } + window.addEventListener('load', initObserver); + window.addEventListener('load', initMasonry); + + /***/ + }, + + /***/ './assets/src/js/public/components/review.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/review.js ***! \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_review_starRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./review/advanced-review */ "./assets/src/js/public/components/review/advanced-review.js"); -// Helper Components - -// import './review/addReview' -// import './review/reviewAttatchment' -// import './review/deleteReview' -// import './review/reviewPagination' - - -/***/ }), - -/***/ "./assets/src/js/public/components/review/advanced-review.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _review_starRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./review/advanced-review */ './assets/src/js/public/components/review/advanced-review.js' + ); + // Helper Components + + // import './review/addReview' + // import './review/reviewAttatchment' + // import './review/deleteReview' + // import './review/reviewPagination' + + /***/ + }, + + /***/ './assets/src/js/public/components/review/advanced-review.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/review/advanced-review.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); -/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - (function ($) { - 'use strict'; - - var ReplyFormObserver = /*#__PURE__*/function () { - function ReplyFormObserver() { - var _this = this; - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, ReplyFormObserver); - this.init(); - $(document).on('directorist_review_updated', function () { - return _this.init(); - }); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(ReplyFormObserver, [{ - key: "init", - value: function init() { - var node = document.querySelector('.commentlist'); - if (node) { - this.observe(node); - } - } - }, { - key: "observe", - value: function observe(node) { - var config = { - childList: true, - subtree: true - }; - var observer = new MutationObserver(this.callback); - observer.observe(node, config); - } - }, { - key: "callback", - value: function callback(mutationsList, observer) { - var _iterator = _createForOfIteratorHelper(mutationsList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - var target = mutation.target; - if (mutation.removedNodes) { - target.classList.remove('directorist-form-added'); - var _iterator2 = _createForOfIteratorHelper(mutation.removedNodes), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var node = _step2.value; - if (!node.id || node.id !== 'respond') { - continue; - } - var criteria = node.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = ''; - } - var ratings = node.querySelectorAll('.directorist-review-criteria-select'); - var _iterator3 = _createForOfIteratorHelper(ratings), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var rating = _step3.value; - rating.removeAttribute('disabled'); - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - node.querySelector('#submit').innerHTML = 'Submit Review'; - node.querySelector('#comment').setAttribute('placeholder', 'Leave a review'); - //console.log(node.querySelector('#comment')) - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - var form = target.querySelector('#commentform'); - if (form) { - target.classList.add('directorist-form-added'); - var isReview = target.classList.contains('review'); - var isEditing = target.classList.contains('directorist-form-editing'); - if (!isReview || isReview && !isEditing) { - var _criteria = form.querySelector('.directorist-review-criteria'); - if (_criteria) { - _criteria.style.display = 'none'; - } - var _ratings = form.querySelectorAll('.directorist-review-criteria-select'); - var _iterator4 = _createForOfIteratorHelper(_ratings), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var _rating = _step4.value; - _rating.setAttribute('disabled', 'disabled'); - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - } - var alert = form.querySelector('.directorist-alert'); - if (alert) { - alert.style.display = 'none'; - } - form.querySelector('#submit').innerHTML = 'Submit Reply'; - form.querySelector('#comment').setAttribute('placeholder', 'Leave your reply'); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - }]); - }(); - var CommentEditHandler = /*#__PURE__*/function () { - function CommentEditHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentEditHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentEditHandler, [{ - key: "init", - value: function init() { - $(document).on('submit', '#directorist-form-comment-edit', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - event.preventDefault(); - var $form = $(event.target); - var originalButtonLabel = $form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', $form); - var formData = new FormData($form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var updateComment = $.ajax({ - url: $form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $form.find('#comment').prop('disabled', true); - $form.find('[type="submit"]').prop('disabled', true).val('loading'); - var commentID = $form.find('input[name="comment_id"]').val(); - var $wrap = $('#div-comment-' + commentID); - $wrap.addClass('directorist-comment-edit-request'); - updateComment.done(function (data, status, request) { - if (typeof data !== 'string' && !data.success) { - $wrap.removeClass('directorist-comment-edit-request'); - CommentEditHandler.showError($form, data.data.html); - return; - } - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var commentTop = $('#comment-' + commentID).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (commentID) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - updateComment.fail(function (data) { - CommentEditHandler.showError($form, data.responseText); - }); - updateComment.always(function () { - $form.find('#comment').prop('disabled', false); - $form.find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', $form); - } - }], [{ - key: "showError", - value: function showError($form, msg) { - $form.find('.directorist-alert').remove(); - $form.prepend(msg); - } - }]); - }(); - var CommentAddReplyHandler = /*#__PURE__*/function () { - function CommentAddReplyHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentAddReplyHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentAddReplyHandler, [{ - key: "init", - value: function init() { - var t = setTimeout(function () { - if ($('.directorist-review-container').length) { - $(document).off('submit', '#commentform'); - } - clearTimeout(t); - }, 2000); - $(document).off('submit', '.directorist-review-container #commentform'); - $(document).on('submit', '.directorist-review-container #commentform', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - var _this2 = this; - event.preventDefault(); - console.log(wp.hooks); - var form = $('.directorist-review-container #commentform'); - var originalButtonLabel = form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', form); - var formData = new FormData(form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var do_comment = $.ajax({ - url: form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $('#comment').prop('disabled', true); - form.find('[type="submit"]').prop('disabled', true).val('loading'); - do_comment.done(function (data, status, request) { - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - var errorMsg = body.find('.wp-die-message'); - if (errorMsg.length > 0) { - CommentAddReplyHandler.showError(form, errorMsg); - $(document).trigger('directorist_review_update_failed'); - return; - } - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var newComment = comments.find('.commentlist li:first-child'); - var newCommentId = newComment.attr('id'); - - // // catch the new comment id by comparing to old dom. - // commentsLists.each( - // function ( index ) { - // var _this = $( commentsLists[ index ] ); - // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { - // newCommentId = _this.attr( 'id' ); - // } - // } - // ); - - // console.log(newComment, newCommentId) - - var commentTop = $('#' + newCommentId).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (newCommentId) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - do_comment.fail(function (data) { - var body = $('
    '); - body.append(data.responseText); - console.log(data); - CommentAddReplyHandler.showError(form, body.find('.wp-die-message')); - $(document).trigger('directorist_review_update_failed'); - if (data.status === 403 || data.status === 401) { - $(document).off('submit', '.directorist-review-container #commentform', _this2.onSubmit); - $('#comment').prop('disabled', false); - form.find('[type="submit"]').prop('disabled', false).click(); - } - }); - do_comment.always(function () { - $('#comment').prop('disabled', false); - $('#commentform').find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', form); - } - }], [{ - key: "getErrorMsg", - value: function getErrorMsg($dom) { - if ($dom.find('p').length) { - $dom = $dom.find('p'); - } - var words = $dom.text().split(':'); - if (words.length > 1) { - words.shift(); - } - return words.join(' ').trim(); - } - }, { - key: "showError", - value: function showError(form, $dom) { - if (form.find('.directorist-alert').length) { - form.find('.directorist-alert').remove(); - } - var $error = $('
    ', { - class: 'directorist-alert directorist-alert-danger' - }).html(CommentAddReplyHandler.getErrorMsg($dom)); - form.prepend($error); - } - }]); - }(); - var CommentsManager = /*#__PURE__*/function () { - function CommentsManager() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentsManager); - this.$doc = $(document); - this.setupComponents(); - this.addEventListeners(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentsManager, [{ - key: "initStarRating", - value: function initStarRating() { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - }, { - key: "cancelOthersEditMode", - value: function cancelOthersEditMode(currentCommentId) { - $('.directorist-comment-editing').each(function (index, comment) { - var $cancelButton = $(comment).find('.directorist-js-cancel-comment-edit'); - if ($cancelButton.data('commentid') != currentCommentId) { - $cancelButton.click(); - } - }); - } - }, { - key: "cancelReplyMode", - value: function cancelReplyMode() { - var replyLink = document.querySelector('.directorist-review-content #cancel-comment-reply-link'); - replyLink && replyLink.click(); - } - }, { - key: "addEventListeners", - value: function addEventListeners() { - var _this3 = this; - var self = this; - this.$doc.on('directorist_review_updated', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('directorist_comment_edit_form_loaded', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('click', 'a[href="#respond"]', function (event) { - // First cancle the reply form then scroll to review form. Order matters. - _this3.cancelReplyMode(); - _this3.onWriteReivewClick(event); - }); - this.$doc.on('click', '.directorist-js-edit-comment', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.addClass('directorist-comment-edit-request'); - $.ajax({ - url: $target.attr('href'), - data: { - post_id: $target.data('postid'), - comment_id: $target.data('commentid') - }, - setContent: false, - method: 'GET', - reload: 'strict', - success: function success(response) { - $target.prop('disabled', true); - $target.parents('#div-comment-' + $target.data('commentid')).find('.directorist-review-single__info').append(response.data.html); - $wrap.removeClass('directorist-comment-edit-request').addClass('directorist-comment-editing'); - self.cancelOthersEditMode($target.data('commentid')); - self.cancelReplyMode(); - var $editForm = $('#directorist-form-comment-edit'); - $editForm.find('textarea').focus(); - self.$doc.trigger('directorist_comment_edit_form_loaded', $target.data('commentid')); - } - }); - }); - this.$doc.on('click', '.directorist-js-cancel-comment-edit', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.removeClass(['directorist-comment-edit-request', 'directorist-comment-editing']).find('form').remove(); - $wrap.find('.directorist-js-edit-comment').prop('disabled', false); - }); - } - }, { - key: "onWriteReivewClick", - value: function onWriteReivewClick(event) { - event.preventDefault(); - var scrollTop = $('#respond').offset().top; - if ($('body').hasClass('admin-bar')) { - scrollTop = scrollTop - $('#wpadminbar').height(); - } - $('body, html').animate({ - scrollTop: scrollTop - }, 600); - } - }, { - key: "setupComponents", - value: function setupComponents() { - new ReplyFormObserver(); - new CommentAddReplyHandler(); - new CommentEditHandler(); - } - }]); - }(); - var commentsManager = new CommentsManager(); - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/classCallCheck */ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js' + ); + /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/createClass */ './node_modules/@babel/runtime/helpers/esm/createClass.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + (function ($) { + 'use strict'; + + var ReplyFormObserver = /*#__PURE__*/ (function () { + function ReplyFormObserver() { + var _this = this; + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, ReplyFormObserver); + this.init(); + $(document).on( + 'directorist_review_updated', + function () { + return _this.init(); + } + ); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(ReplyFormObserver, [ + { + key: 'init', + value: function init() { + var node = + document.querySelector( + '.commentlist' + ); + if (node) { + this.observe(node); + } + }, + }, + { + key: 'observe', + value: function observe(node) { + var config = { + childList: true, + subtree: true, + }; + var observer = new MutationObserver( + this.callback + ); + observer.observe(node, config); + }, + }, + { + key: 'callback', + value: function callback( + mutationsList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationsList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + var target = mutation.target; + if (mutation.removedNodes) { + target.classList.remove( + 'directorist-form-added' + ); + var _iterator2 = + _createForOfIteratorHelper( + mutation.removedNodes + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = + _iterator2.n()) + .done; + + ) { + var node = + _step2.value; + if ( + !node.id || + node.id !== + 'respond' + ) { + continue; + } + var criteria = + node.querySelector( + '.directorist-review-criteria' + ); + if (criteria) { + criteria.style.display = + ''; + } + var ratings = + node.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator3 = + _createForOfIteratorHelper( + ratings + ), + _step3; + try { + for ( + _iterator3.s(); + !(_step3 = + _iterator3.n()) + .done; + + ) { + var rating = + _step3.value; + rating.removeAttribute( + 'disabled' + ); + } + } catch (err) { + _iterator3.e( + err + ); + } finally { + _iterator3.f(); + } + node.querySelector( + '#submit' + ).innerHTML = + 'Submit Review'; + node.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave a review' + ); + //console.log(node.querySelector('#comment')) + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + var form = + target.querySelector( + '#commentform' + ); + if (form) { + target.classList.add( + 'directorist-form-added' + ); + var isReview = + target.classList.contains( + 'review' + ); + var isEditing = + target.classList.contains( + 'directorist-form-editing' + ); + if ( + !isReview || + (isReview && !isEditing) + ) { + var _criteria = + form.querySelector( + '.directorist-review-criteria' + ); + if (_criteria) { + _criteria.style.display = + 'none'; + } + var _ratings = + form.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator4 = + _createForOfIteratorHelper( + _ratings + ), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = + _iterator4.n()) + .done; + + ) { + var _rating = + _step4.value; + _rating.setAttribute( + 'disabled', + 'disabled' + ); + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + } + var alert = + form.querySelector( + '.directorist-alert' + ); + if (alert) { + alert.style.display = + 'none'; + } + form.querySelector( + '#submit' + ).innerHTML = + 'Submit Reply'; + form.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave your reply' + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }, + }, + ]); + })(); + var CommentEditHandler = /*#__PURE__*/ (function () { + function CommentEditHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentEditHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentEditHandler, + [ + { + key: 'init', + value: function init() { + $(document).on( + 'submit', + '#directorist-form-comment-edit', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + event.preventDefault(); + var $form = $(event.target); + var originalButtonLabel = $form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + $form + ); + var formData = new FormData( + $form[0] + ); + + // Apply the filter + formData = wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var updateComment = $.ajax({ + url: $form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $form + .find('#comment') + .prop('disabled', true); + $form + .find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + var commentID = $form + .find( + 'input[name="comment_id"]' + ) + .val(); + var $wrap = $( + '#div-comment-' + commentID + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + updateComment.done( + function ( + data, + status, + request + ) { + if ( + typeof data !== + 'string' && + !data.success + ) { + $wrap.removeClass( + 'directorist-comment-edit-request' + ); + CommentEditHandler.showError( + $form, + data.data.html + ); + return; + } + var body = $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var commentTop = $( + '#comment-' + commentID + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (commentID) { + $('body, html').animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + updateComment.fail(function (data) { + CommentEditHandler.showError( + $form, + data.responseText + ); + }); + updateComment.always(function () { + $form + .find('#comment') + .prop('disabled', false); + $form + .find('[type="submit"]') + .prop('disabled', false) + .val(originalButtonLabel); + }); + $(document).trigger( + 'directorist_review_after_submit', + $form + ); + }, + }, + ], + [ + { + key: 'showError', + value: function showError($form, msg) { + $form + .find('.directorist-alert') + .remove(); + $form.prepend(msg); + }, + }, + ] + ); + })(); + var CommentAddReplyHandler = + /*#__PURE__*/ (function () { + function CommentAddReplyHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentAddReplyHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentAddReplyHandler, + [ + { + key: 'init', + value: function init() { + var t = setTimeout(function () { + if ( + $( + '.directorist-review-container' + ).length + ) { + $(document).off( + 'submit', + '#commentform' + ); + } + clearTimeout(t); + }, 2000); + $(document).off( + 'submit', + '.directorist-review-container #commentform' + ); + $(document).on( + 'submit', + '.directorist-review-container #commentform', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + var _this2 = this; + event.preventDefault(); + console.log(wp.hooks); + var form = $( + '.directorist-review-container #commentform' + ); + var originalButtonLabel = form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + form + ); + var formData = new FormData( + form[0] + ); + + // Apply the filter + formData = + wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var do_comment = $.ajax({ + url: form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $('#comment').prop( + 'disabled', + true + ); + form.find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + do_comment.done( + function ( + data, + status, + request + ) { + var body = + $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + var errorMsg = + body.find( + '.wp-die-message' + ); + if ( + errorMsg.length > 0 + ) { + CommentAddReplyHandler.showError( + form, + errorMsg + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + return; + } + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var newComment = + comments.find( + '.commentlist li:first-child' + ); + var newCommentId = + newComment.attr( + 'id' + ); + + // // catch the new comment id by comparing to old dom. + // commentsLists.each( + // function ( index ) { + // var _this = $( commentsLists[ index ] ); + // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { + // newCommentId = _this.attr( 'id' ); + // } + // } + // ); + + // console.log(newComment, newCommentId) + + var commentTop = $( + '#' + newCommentId + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (newCommentId) { + $( + 'body, html' + ).animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + do_comment.fail( + function (data) { + var body = + $('
    '); + body.append( + data.responseText + ); + console.log(data); + CommentAddReplyHandler.showError( + form, + body.find( + '.wp-die-message' + ) + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + if ( + data.status === + 403 || + data.status === 401 + ) { + $(document).off( + 'submit', + '.directorist-review-container #commentform', + _this2.onSubmit + ); + $('#comment').prop( + 'disabled', + false + ); + form.find( + '[type="submit"]' + ) + .prop( + 'disabled', + false + ) + .click(); + } + } + ); + do_comment.always(function () { + $('#comment').prop( + 'disabled', + false + ); + $('#commentform') + .find('[type="submit"]') + .prop('disabled', false) + .val( + originalButtonLabel + ); + }); + $(document).trigger( + 'directorist_review_after_submit', + form + ); + }, + }, + ], + [ + { + key: 'getErrorMsg', + value: function getErrorMsg($dom) { + if ($dom.find('p').length) { + $dom = $dom.find('p'); + } + var words = $dom + .text() + .split(':'); + if (words.length > 1) { + words.shift(); + } + return words.join(' ').trim(); + }, + }, + { + key: 'showError', + value: function showError( + form, + $dom + ) { + if ( + form.find( + '.directorist-alert' + ).length + ) { + form.find( + '.directorist-alert' + ).remove(); + } + var $error = $('
    ', { + class: 'directorist-alert directorist-alert-danger', + }).html( + CommentAddReplyHandler.getErrorMsg( + $dom + ) + ); + form.prepend($error); + }, + }, + ] + ); + })(); + var CommentsManager = /*#__PURE__*/ (function () { + function CommentsManager() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentsManager); + this.$doc = $(document); + this.setupComponents(); + this.addEventListeners(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(CommentsManager, [ + { + key: 'initStarRating', + value: function initStarRating() { + $( + '.directorist-review-criteria-select' + ).barrating({ + theme: 'fontawesome-stars', + }); + }, + }, + { + key: 'cancelOthersEditMode', + value: function cancelOthersEditMode( + currentCommentId + ) { + $('.directorist-comment-editing').each( + function (index, comment) { + var $cancelButton = $( + comment + ).find( + '.directorist-js-cancel-comment-edit' + ); + if ( + $cancelButton.data( + 'commentid' + ) != currentCommentId + ) { + $cancelButton.click(); + } + } + ); + }, + }, + { + key: 'cancelReplyMode', + value: function cancelReplyMode() { + var replyLink = document.querySelector( + '.directorist-review-content #cancel-comment-reply-link' + ); + replyLink && replyLink.click(); + }, + }, + { + key: 'addEventListeners', + value: function addEventListeners() { + var _this3 = this; + var self = this; + this.$doc.on( + 'directorist_review_updated', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'directorist_comment_edit_form_loaded', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'click', + 'a[href="#respond"]', + function (event) { + // First cancle the reply form then scroll to review form. Order matters. + _this3.cancelReplyMode(); + _this3.onWriteReivewClick( + event + ); + } + ); + this.$doc.on( + 'click', + '.directorist-js-edit-comment', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + $.ajax({ + url: $target.attr('href'), + data: { + post_id: + $target.data( + 'postid' + ), + comment_id: + $target.data( + 'commentid' + ), + }, + setContent: false, + method: 'GET', + reload: 'strict', + success: function success( + response + ) { + $target.prop( + 'disabled', + true + ); + $target + .parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ) + .find( + '.directorist-review-single__info' + ) + .append( + response.data + .html + ); + $wrap + .removeClass( + 'directorist-comment-edit-request' + ) + .addClass( + 'directorist-comment-editing' + ); + self.cancelOthersEditMode( + $target.data( + 'commentid' + ) + ); + self.cancelReplyMode(); + var $editForm = $( + '#directorist-form-comment-edit' + ); + $editForm + .find('textarea') + .focus(); + self.$doc.trigger( + 'directorist_comment_edit_form_loaded', + $target.data( + 'commentid' + ) + ); + }, + }); + } + ); + this.$doc.on( + 'click', + '.directorist-js-cancel-comment-edit', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap + .removeClass([ + 'directorist-comment-edit-request', + 'directorist-comment-editing', + ]) + .find('form') + .remove(); + $wrap + .find( + '.directorist-js-edit-comment' + ) + .prop('disabled', false); + } + ); + }, + }, + { + key: 'onWriteReivewClick', + value: function onWriteReivewClick(event) { + event.preventDefault(); + var scrollTop = + $('#respond').offset().top; + if ($('body').hasClass('admin-bar')) { + scrollTop = + scrollTop - + $('#wpadminbar').height(); + } + $('body, html').animate( + { + scrollTop: scrollTop, + }, + 600 + ); + }, + }, + { + key: 'setupComponents', + value: function setupComponents() { + new ReplyFormObserver(); + new CommentAddReplyHandler(); + new CommentEditHandler(); + }, + }, + ]); + })(); + var commentsManager = new CommentsManager(); + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/update-view-count.js": -/*!**************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/update-view-count.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/update-view-count.js ***! \**************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); - - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } -/** - * Update listings grid view count. - */ -jQuery(function ($) { - var _window$directorist, _window$localStorage; - var isDynamicViewCountCacheEnabled = Boolean((_window$directorist = window.directorist) === null || _window$directorist === void 0 ? void 0 : _window$directorist.dynamic_view_count_cache); - if (!isDynamicViewCountCacheEnabled) { - return; - } - var updateMarkup = function updateMarkup(viewCounts) { - for (var _i = 0, _Object$entries = Object.entries(viewCounts); _i < _Object$entries.length; _i++) { - var _Object$entries$_i = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_Object$entries[_i], 2), - id = _Object$entries$_i[0], - count = _Object$entries$_i[1]; - var $el = $(".directorist-view-count[data-id=\"".concat(id, "\"]")); - var $elIcon = $el.find('.directorist-icon-mask'); - if ($elIcon.length) { - $elIcon[0].nextSibling.textContent = count; - } else { - $el.text(count); - } - } - }; - var ids = []; - $('.directorist-view-count[data-id]').each(function (i, item) { - ids.push(+item.dataset.id); - }); - if (ids.length === 0) { - return; - } - var CACHE_EXPIRATION = 1000 * 60 * 60 * 5; // 5 hours. - var cache = (_window$localStorage = window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.getItem('directorist_view_count'); - var hasCache = false; - if (cache) { - var _cache, _cache2; - cache = JSON.parse(cache); - var cachedIds = ((_cache = cache) === null || _cache === void 0 ? void 0 : _cache.viewCount) || {}; - hasCache = Object.keys(cachedIds).length; - ids = ids.filter(function (id) { - return !(id in cachedIds); - }); - if (hasCache && (_cache2 = cache) !== null && _cache2 !== void 0 && _cache2.lastUpdated && Date.now() - cache.lastUpdated < CACHE_EXPIRATION) { - updateMarkup(cache.viewCount); - } - if (!ids.length) { - return; - } - } - $.post(directorist.ajax_url, { - action: 'directorist_update_view_count', - nonce: directorist.directorist_nonce, - ids: ids - }, function (response) { - var _window$localStorage2; - if (!response.success) { - console.warn(response.data.message); - return; - } - updateMarkup(response.data.view_count); - if (hasCache) { - response.data.view_count = _objectSpread(_objectSpread({}, cache.viewCount), response.data.view_count); - } - (_window$localStorage2 = window.localStorage) === null || _window$localStorage2 === void 0 || _window$localStorage2.setItem('directorist_view_count', JSON.stringify({ - lastUpdated: Date.now(), - viewCount: response.data.view_count - })); - }); -}); - -/***/ }), - -/***/ "./assets/src/scss/layout/public/main-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + /** + * Update listings grid view count. + */ + jQuery(function ($) { + var _window$directorist, _window$localStorage; + var isDynamicViewCountCacheEnabled = Boolean( + (_window$directorist = window.directorist) === null || + _window$directorist === void 0 + ? void 0 + : _window$directorist.dynamic_view_count_cache + ); + if (!isDynamicViewCountCacheEnabled) { + return; + } + var updateMarkup = function updateMarkup(viewCounts) { + for ( + var _i = 0, + _Object$entries = Object.entries(viewCounts); + _i < _Object$entries.length; + _i++ + ) { + var _Object$entries$_i = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_Object$entries[_i], 2), + id = _Object$entries$_i[0], + count = _Object$entries$_i[1]; + var $el = $( + '.directorist-view-count[data-id="'.concat( + id, + '"]' + ) + ); + var $elIcon = $el.find('.directorist-icon-mask'); + if ($elIcon.length) { + $elIcon[0].nextSibling.textContent = count; + } else { + $el.text(count); + } + } + }; + var ids = []; + $('.directorist-view-count[data-id]').each( + function (i, item) { + ids.push(+item.dataset.id); + } + ); + if (ids.length === 0) { + return; + } + var CACHE_EXPIRATION = 1000 * 60 * 60 * 5; // 5 hours. + var cache = + (_window$localStorage = window.localStorage) === null || + _window$localStorage === void 0 + ? void 0 + : _window$localStorage.getItem( + 'directorist_view_count' + ); + var hasCache = false; + if (cache) { + var _cache, _cache2; + cache = JSON.parse(cache); + var cachedIds = + ((_cache = cache) === null || _cache === void 0 + ? void 0 + : _cache.viewCount) || {}; + hasCache = Object.keys(cachedIds).length; + ids = ids.filter(function (id) { + return !(id in cachedIds); + }); + if ( + hasCache && + (_cache2 = cache) !== null && + _cache2 !== void 0 && + _cache2.lastUpdated && + Date.now() - cache.lastUpdated < CACHE_EXPIRATION + ) { + updateMarkup(cache.viewCount); + } + if (!ids.length) { + return; + } + } + $.post( + directorist.ajax_url, + { + action: 'directorist_update_view_count', + nonce: directorist.directorist_nonce, + ids: ids, + }, + function (response) { + var _window$localStorage2; + if (!response.success) { + console.warn(response.data.message); + return; + } + updateMarkup(response.data.view_count); + if (hasCache) { + response.data.view_count = _objectSpread( + _objectSpread({}, cache.viewCount), + response.data.view_count + ); + } + (_window$localStorage2 = window.localStorage) === + null || + _window$localStorage2 === void 0 || + _window$localStorage2.setItem( + 'directorist_view_count', + JSON.stringify({ + lastUpdated: Date.now(), + viewCount: response.data.view_count, + }) + ); + } + ); + }); + + /***/ + }, + + /***/ './assets/src/scss/layout/public/main-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/public/main-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _classCallCheck; } -/* harmony export */ }); -function _classCallCheck(a, n) { - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/createClass.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _classCallCheck; + }, + /* harmony export */ + } + ); + function _classCallCheck(a, n) { + if (!(a instanceof n)) + throw new TypeError( + 'Cannot call a class as a function' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/createClass.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _createClass; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperties(e, r) { - for (var t = 0; t < r.length; t++) { - var o = r[t]; - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o.key), o); - } -} -function _createClass(e, r, t) { - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { - writable: !1 - }), e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _createClass; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var o = r[t]; + ((o.enumerable = o.enumerable || !1), + (o.configurable = !0), + 'value' in o && (o.writable = !0), + Object.defineProperty( + e, + (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(o.key), + o + )); + } + } + function _createClass(e, r, t) { + return ( + r && _defineProperties(e.prototype, r), + t && _defineProperties(e, t), + Object.defineProperty(e, 'prototype', { + writable: !1, + }), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!*************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!******************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!******************************************************!*\ !*** ./assets/src/js/public/modules/all-listings.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../scss/layout/public/main-style.scss */ "./assets/src/scss/layout/public/main-style.scss"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/helpers */ "./assets/src/js/public/components/helpers.js"); -/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristSorting */ "./assets/src/js/public/components/directoristSorting.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/gridResponsive */ "./assets/src/js/public/components/gridResponsive.js"); -/* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_components_colorPicker__WEBPACK_IMPORTED_MODULE_11__); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/legacy-support */ "./assets/src/js/public/components/legacy-support.js"); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_components_legacy_support__WEBPACK_IMPORTED_MODULE_12__); -/* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/masonry */ "./assets/src/js/public/components/masonry.js"); -/* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_components_masonry__WEBPACK_IMPORTED_MODULE_13__); -/* harmony import */ var _components_instantSearch__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/instantSearch */ "./assets/src/js/public/components/instantSearch.js"); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../global/components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__); -/* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/archive-sidebar */ "./assets/src/js/public/components/archive-sidebar.js"); -/* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__); -/* harmony import */ var _components_update_view_count__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/update-view-count */ "./assets/src/js/public/components/update-view-count.js"); -/* + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../../scss/layout/public/main-style.scss */ './assets/src/scss/layout/public/main-style.scss' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_helpers__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/helpers */ './assets/src/js/public/components/helpers.js' + ); + /* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/review */ './assets/src/js/public/components/review.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristSorting */ './assets/src/js/public/components/directoristSorting.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/gridResponsive */ './assets/src/js/public/components/gridResponsive.js' + ); + /* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ = + __webpack_require__( + /*! ../components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11___default = + /*#__PURE__*/ __webpack_require__.n( + _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ = + __webpack_require__( + /*! ../components/legacy-support */ './assets/src/js/public/components/legacy-support.js' + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12___default = + /*#__PURE__*/ __webpack_require__.n( + _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ + ); + /* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13__ = + __webpack_require__( + /*! ../components/masonry */ './assets/src/js/public/components/masonry.js' + ); + /* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13___default = + /*#__PURE__*/ __webpack_require__.n( + _components_masonry__WEBPACK_IMPORTED_MODULE_13__ + ); + /* harmony import */ var _components_instantSearch__WEBPACK_IMPORTED_MODULE_14__ = + __webpack_require__( + /*! ../components/instantSearch */ './assets/src/js/public/components/instantSearch.js' + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_15__ = + __webpack_require__( + /*! ../../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ = + __webpack_require__( + /*! ../../global/components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ + ); + /* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ = + __webpack_require__( + /*! ../components/archive-sidebar */ './assets/src/js/public/components/archive-sidebar.js' + ); + /* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17___default = + /*#__PURE__*/ __webpack_require__.n( + _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ + ); + /* harmony import */ var _components_update_view_count__WEBPACK_IMPORTED_MODULE_18__ = + __webpack_require__( + /*! ../components/update-view-count */ './assets/src/js/public/components/update-view-count.js' + ); + /* File: all-listings.js Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin Author: wpWax Author URI: www.wpwax.com */ - - -// General Components - - - - - - - - - - - - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=all-listings.js.map \ No newline at end of file + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=all-listings.js.map diff --git a/assets/js/all-location-category.js b/assets/js/all-location-category.js index 4de59761e7..6cfb4e18e6 100644 --- a/assets/js/all-location-category.js +++ b/assets/js/all-location-category.js @@ -1,191 +1,307 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!***************************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!***************************************************************!*\ !*** ./assets/src/js/public/modules/all-location-category.js ***! \***************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__); - -}(); -/******/ })() -; -//# sourceMappingURL=all-location-category.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ + ); + })(); + /******/ +})(); +//# sourceMappingURL=all-location-category.js.map diff --git a/assets/js/author-profile.js b/assets/js/author-profile.js index 5eb17891b6..41ad0265cd 100644 --- a/assets/js/author-profile.js +++ b/assets/js/author-profile.js @@ -1,430 +1,696 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id'), - label: $(this).data('label') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSorting.js": -/*!***************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + label: $(this).data('label'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSorting.js': + /*!***************************************************************!*\ !*** ./assets/src/js/public/components/directoristSorting.js ***! \***************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_sorting_executed === 'undefined') { - window.directorist_sorting_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Sorting Js - if (!$('.directorist-instant-search').length) { - $('.directorist-dropdown__links__single-js').click(function (e) { - e.preventDefault(); - var href = $(this).attr('data-link'); - $('#directorsit-listing-sort').attr('action', href); - $('#directorsit-listing-sort').submit(); - }); - } - - //sorting toggle - $('.sorting span').on('click', function () { - $(this).toggleClass('fa-sort-amount-asc fa-sort-amount-desc'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_sorting_executed === + 'undefined' + ) { + window.directorist_sorting_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Sorting Js + if (!$('.directorist-instant-search').length) { + $('.directorist-dropdown__links__single-js').click( + function (e) { + e.preventDefault(); + var href = $(this).attr('data-link'); + $('#directorsit-listing-sort').attr( + 'action', + href + ); + $('#directorsit-listing-sort').submit(); + } + ); + } + + //sorting toggle + $('.sorting span').on('click', function () { + $(this).toggleClass( + 'fa-sort-amount-asc fa-sort-amount-desc' + ); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/public/modules/author-profile.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_review_starRating__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/directoristSorting */ "./assets/src/js/public/components/directoristSorting.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -// General Components - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=author-profile.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/directoristSorting */ './assets/src/js/public/components/directoristSorting.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=author-profile.js.map diff --git a/assets/js/directorist-dashboard.js b/assets/js/directorist-dashboard.js index 1ded7c4e90..a9459a4c29 100644 --- a/assets/js/directorist-dashboard.js +++ b/assets/js/directorist-dashboard.js @@ -1,1273 +1,2080 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/atmodal.js": -/*!*****************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/atmodal.js': + /*!*****************************************!*\ !*** ./assets/src/js/public/atmodal.js ***! \*****************************************/ -/***/ (function() { - -/* + /***/ function () { + /* Name: ATModal Version: 1.0 Author: Sovware Author URI: https://sovware.com/ */ -/* disable-eslint */ -var aazztechModal1 = function aazztechModal1(selector) { - var element = document.querySelectorAll(selector); - element.forEach(function (el, index) { - el.style.display = 'none'; - document.addEventListener('click', function (event) { - var current_elm = event.target; - var target_id = current_elm.getAttribute('data-target'); - var el_id = el.getAttribute('id'); - if (target_id === el_id) { - event.preventDefault(); - el.style.display = 'block'; - document.body.classList.add('atm-open'); - setTimeout(function () { - el.classList.add('atm-show'); - }, 100); - document.querySelector('html').style.overflow = 'hidden'; - } - }, false); - el.querySelector('a.at-modal-close').addEventListener('click', function (e) { - e.preventDefault(); - el.classList.remove('atm-show'); - document.body.classList.remove('atm-open'); - setTimeout(function () { - el.style.display = 'none'; - }, 100); - document.querySelector('html').removeAttribute('style'); - }); - el.addEventListener('click', function (e) { - if (e.target.closest('.atm-contents-inner')) return; - el.classList.remove('atm-show'); - document.body.classList.remove('atm-open'); - setTimeout(function () { - el.style.display = 'none'; - }, 100); - document.querySelector('html').removeAttribute('style'); - }); - }); -}; -function initModal() { - aazztechModal1('#dcl-claim-modal, #atbdp-report-abuse-modal, #atpp-plan-change-modal, #pyn-plan-change-modal'); -} -window.addEventListener('load', function () { - setTimeout(function () { - initModal(); - }, 500); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js": -/*!***********************************************************************!*\ + /* disable-eslint */ + var aazztechModal1 = function aazztechModal1(selector) { + var element = document.querySelectorAll(selector); + element.forEach(function (el, index) { + el.style.display = 'none'; + document.addEventListener( + 'click', + function (event) { + var current_elm = event.target; + var target_id = + current_elm.getAttribute('data-target'); + var el_id = el.getAttribute('id'); + if (target_id === el_id) { + event.preventDefault(); + el.style.display = 'block'; + document.body.classList.add('atm-open'); + setTimeout(function () { + el.classList.add('atm-show'); + }, 100); + document.querySelector( + 'html' + ).style.overflow = 'hidden'; + } + }, + false + ); + el.querySelector('a.at-modal-close').addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.classList.remove('atm-show'); + document.body.classList.remove('atm-open'); + setTimeout(function () { + el.style.display = 'none'; + }, 100); + document + .querySelector('html') + .removeAttribute('style'); + } + ); + el.addEventListener('click', function (e) { + if (e.target.closest('.atm-contents-inner')) return; + el.classList.remove('atm-show'); + document.body.classList.remove('atm-open'); + setTimeout(function () { + el.style.display = 'none'; + }, 100); + document + .querySelector('html') + .removeAttribute('style'); + }); + }); + }; + function initModal() { + aazztechModal1( + '#dcl-claim-modal, #atbdp-report-abuse-modal, #atpp-plan-change-modal, #pyn-plan-change-modal' + ); + } + window.addEventListener('load', function () { + setTimeout(function () { + initModal(); + }, 500); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashBoardMoreBtn.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js ***! \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../atmodal */ "./assets/src/js/public/atmodal.js"); -/* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_atmodal__WEBPACK_IMPORTED_MODULE_0__); - -(function ($) { - window.addEventListener('load', function () { - // User Dashboard Table More Button - $('.directorist-dashboard-listings-tbody').on('click', '.directorist-btn-more', function (e) { - e.preventDefault(); - $(this).toggleClass('active'); - $('.directorist-dropdown-menu').removeClass('active'); - $(this).next('.directorist-dropdown-menu').toggleClass('active'); - e.stopPropagation(); - }); - $(document).bind('click', function (e) { - if (!$(e.target).parents().hasClass('directorist-dropdown-menu__list')) { - $('.directorist-dropdown-menu').removeClass('active'); - $('.directorist-btn-more').removeClass('active'); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardAnnouncement.js": -/*!****************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../atmodal */ './assets/src/js/public/atmodal.js' + ); + /* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _atmodal__WEBPACK_IMPORTED_MODULE_0__ + ); + + (function ($) { + window.addEventListener('load', function () { + // User Dashboard Table More Button + $('.directorist-dashboard-listings-tbody').on( + 'click', + '.directorist-btn-more', + function (e) { + e.preventDefault(); + $(this).toggleClass('active'); + $('.directorist-dropdown-menu').removeClass( + 'active' + ); + $(this) + .next('.directorist-dropdown-menu') + .toggleClass('active'); + e.stopPropagation(); + } + ); + $(document).bind('click', function (e) { + if ( + !$(e.target) + .parents() + .hasClass('directorist-dropdown-menu__list') + ) { + $('.directorist-dropdown-menu').removeClass( + 'active' + ); + $('.directorist-btn-more').removeClass( + 'active' + ); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardAnnouncement.js': + /*!****************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardAnnouncement.js ***! \****************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Clear seen Announcements - var cleared_seen_announcements = false; - $('.directorist-tab__nav__link').on('click', function () { - if (cleared_seen_announcements) { - return; - } - var target = $(this).attr('target'); - if ('dashboard_announcement' === target) { - $.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: { - action: 'atbdp_clear_seen_announcements' - }, - success: function success(response) { - if (response.success) { - cleared_seen_announcements = true; - $('.directorist-announcement-count').removeClass('show'); - $('.directorist-announcement-count').html(''); - } - }, - error: function error(_error) { - // console.log({ - // error - // }); - } - }); - } - }); - - // Closing the Announcement - var closing_announcement = false; - $('.close-announcement').on('click', function (e) { - e.preventDefault(); - if (closing_announcement) { - return; - } - var post_id = $(this).closest('.directorist-announcement').data('post-id'); - var form_data = { - action: 'atbdp_close_announcement', - post_id: post_id, - nonce: directorist.directorist_nonce - }; - var button_default_html = $(self).html(); - closing_announcement = true; - var self = this; - $.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' '); - $(self).addClass('disable'); - $(self).attr('disable', true); - }, - success: function success(response) { - // console.log( { response } ); - closing_announcement = false; - $(self).removeClass('disable'); - $(self).attr('disable', false); - if (response.success) { - $('.announcement-id-' + post_id).remove(); - if (!$('.announcement-item').length) { - location.reload(); - } - } else { - $(self).html('Close'); - } - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - $(self).html(button_default_html); - $(self).removeClass('disable'); - $(self).attr('disable', false); - closing_announcement = false; - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js": -/*!****************************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Clear seen Announcements + var cleared_seen_announcements = false; + $('.directorist-tab__nav__link').on( + 'click', + function () { + if (cleared_seen_announcements) { + return; + } + var target = $(this).attr('target'); + if ('dashboard_announcement' === target) { + $.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: { + action: 'atbdp_clear_seen_announcements', + }, + success: function success(response) { + if (response.success) { + cleared_seen_announcements = true; + $( + '.directorist-announcement-count' + ).removeClass('show'); + $( + '.directorist-announcement-count' + ).html(''); + } + }, + error: function error(_error) { + // console.log({ + // error + // }); + }, + }); + } + } + ); + + // Closing the Announcement + var closing_announcement = false; + $('.close-announcement').on('click', function (e) { + e.preventDefault(); + if (closing_announcement) { + return; + } + var post_id = $(this) + .closest('.directorist-announcement') + .data('post-id'); + var form_data = { + action: 'atbdp_close_announcement', + post_id: post_id, + nonce: directorist.directorist_nonce, + }; + var button_default_html = $(self).html(); + closing_announcement = true; + var self = this; + $.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' ' + ); + $(self).addClass('disable'); + $(self).attr('disable', true); + }, + success: function success(response) { + // console.log( { response } ); + closing_announcement = false; + $(self).removeClass('disable'); + $(self).attr('disable', false); + if (response.success) { + $( + '.announcement-id-' + post_id + ).remove(); + if (!$('.announcement-item').length) { + location.reload(); + } + } else { + $(self).html('Close'); + } + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + $(self).html(button_default_html); + $(self).removeClass('disable'); + $(self).attr('disable', false); + closing_announcement = false; + }, + }); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js': + /*!****************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js ***! \****************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Dashboard become an author - $('.directorist-become-author').on('click', function (e) { - e.preventDefault(); - $('.directorist-become-author-modal').addClass('directorist-become-author-modal__show'); - }); - $('.directorist-become-author-modal__cancel').on('click', function (e) { - e.preventDefault(); - $('.directorist-become-author-modal').removeClass('directorist-become-author-modal__show'); - }); - $('.directorist-become-author-modal__approve').on('click', function (e) { - e.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - var data = { - userId: userId, - nonce: nonce, - action: 'atbdp_become_author' - }; - - // Send the data - $.post(directorist.ajaxurl, data, function (response) { - $('.directorist-become-author__loader').addClass('active'); - $('#directorist-become-author-success').html(response); - $('.directorist-become-author').hide(); - $('.directorist-become-author-modal').removeClass('directorist-become-author-modal__show'); - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardListing.js": -/*!***********************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Dashboard become an author + $('.directorist-become-author').on( + 'click', + function (e) { + e.preventDefault(); + $('.directorist-become-author-modal').addClass( + 'directorist-become-author-modal__show' + ); + } + ); + $('.directorist-become-author-modal__cancel').on( + 'click', + function (e) { + e.preventDefault(); + $( + '.directorist-become-author-modal' + ).removeClass( + 'directorist-become-author-modal__show' + ); + } + ); + $('.directorist-become-author-modal__approve').on( + 'click', + function (e) { + e.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + var data = { + userId: userId, + nonce: nonce, + action: 'atbdp_become_author', + }; + + // Send the data + $.post( + directorist.ajaxurl, + data, + function (response) { + $( + '.directorist-become-author__loader' + ).addClass('active'); + $( + '#directorist-become-author-success' + ).html(response); + $('.directorist-become-author').hide(); + $( + '.directorist-become-author-modal' + ).removeClass( + 'directorist-become-author-modal__show' + ); + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardListing.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardListing.js ***! \***********************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Dashboard Listing Ajax - function directorist_dashboard_listing_ajax($activeTab) { - var paged = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; - var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; - var task = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ''; - var taskdata = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ''; - var tab = $activeTab.data('tab'); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_dashboard_listing_tab', - _ajax_nonce: directorist.directorist_nonce, - tab: tab, - paged: paged, - search: search, - task: task, - taskdata: taskdata - }, - beforeSend: function beforeSend() { - $('#directorist-dashboard-preloader').show(); - }, - success: function success(response) { - $('.directorist-dashboard-listings-tbody').html(response.data.content); - $('.directorist-dashboard-pagination').html(response.data.pagination); - $('.directorist-dashboard-listing-nav-js a').removeClass('directorist-tab__nav__active'); - $activeTab.addClass('directorist-tab__nav__active'); - $('#directorist-dashboard-mylistings-js').data('paged', paged); - }, - complete: function complete() { - $('#directorist-dashboard-preloader').hide(); - } - }); - } - - // Dashboard Listing Tabs - $('.directorist-dashboard-listing-nav-js a').on('click', function (event) { - var $item = $(this); - if ($item.hasClass('directorist-tab__nav__active')) { - return false; - } - directorist_dashboard_listing_ajax($item); - $('#directorist-dashboard-listing-searchform input[name=searchtext').val(''); - $('#directorist-dashboard-mylistings-js').data('search', ''); - return false; - }); - - // Dashboard Tasks eg. delete - $('.directorist-dashboard-listings-tbody').on('click', '.directorist-dashboard-listing-actions a[data-task]', function (event) { - var task = $(this).data('task'); - var postid = $(this).closest('tr').data('id'); - var $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - var paged = $('#directorist-dashboard-mylistings-js').data('paged'); - var search = $('#directorist-dashboard-mylistings-js').data('search'); - if (task == 'delete') { - swal({ - title: directorist.listing_remove_title, - text: directorist.listing_remove_text, - type: 'warning', - cancelButtonText: directorist.review_cancel_btn_text, - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist.listing_remove_confirm_text, - showLoaderOnConfirm: true, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - directorist_dashboard_listing_ajax($activeTab, paged, search, task, postid); - swal({ - title: directorist.listing_delete, - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - } - return false; - }); - - // Remove Listing - $(document).on('click', '#remove_listing', function (e) { - e.preventDefault(); - var $this = $(this); - var id = $this.data('listing_id'); - var data = 'listing_id=' + id; - swal({ - title: directorist.listing_remove_title, - text: directorist.listing_remove_text, - type: 'warning', - cancelButtonText: directorist.review_cancel_btn_text, - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist.listing_remove_confirm_text, - showLoaderOnConfirm: true, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, now remove the listing - atbdp_do_ajax($this, 'remove_listing', data, function (response) { - $('body').append(response); - if ('success' === response) { - // show success message - swal({ - title: directorist.listing_delete, - type: 'success', - timer: 200, - showConfirmButton: false - }); - $('#listing_id_' + id).remove(); - $this.remove(); - } else { - // show error message - swal({ - title: directorist.listing_error_title, - text: directorist.listing_error_text, - type: 'error', - timer: 2000, - showConfirmButton: false - }); - } - }); - } - }); - - // send an ajax request to the ajax-handler.php and then delete the review of the given id - }); - - // Dashboard pagination - $('.directorist-dashboard-pagination').on('click', 'a', function (event) { - var $link = $(this); - var paged = $link.attr('href'); - paged = paged.split('/page/')[1]; - paged = parseInt(paged); - var search = $('#directorist-dashboard-mylistings-js').data('search'); - $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - directorist_dashboard_listing_ajax($activeTab, paged, search); - return false; - }); - - // Dashboard Search - $('#directorist-dashboard-listing-searchform input[name=searchtext').val(''); //onready - - $('#directorist-dashboard-listing-searchform').on('submit', function (event) { - var $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - var search = $(this).find('input[name=searchtext]').val(); - directorist_dashboard_listing_ajax($activeTab, 1, search); - $('#directorist-dashboard-mylistings-js').data('search', search); - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardResponsive.js": -/*!**************************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Dashboard Listing Ajax + function directorist_dashboard_listing_ajax( + $activeTab + ) { + var paged = + arguments.length > 1 && + arguments[1] !== undefined + ? arguments[1] + : 1; + var search = + arguments.length > 2 && + arguments[2] !== undefined + ? arguments[2] + : ''; + var task = + arguments.length > 3 && + arguments[3] !== undefined + ? arguments[3] + : ''; + var taskdata = + arguments.length > 4 && + arguments[4] !== undefined + ? arguments[4] + : ''; + var tab = $activeTab.data('tab'); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_dashboard_listing_tab', + _ajax_nonce: directorist.directorist_nonce, + tab: tab, + paged: paged, + search: search, + task: task, + taskdata: taskdata, + }, + beforeSend: function beforeSend() { + $( + '#directorist-dashboard-preloader' + ).show(); + }, + success: function success(response) { + $( + '.directorist-dashboard-listings-tbody' + ).html(response.data.content); + $('.directorist-dashboard-pagination').html( + response.data.pagination + ); + $( + '.directorist-dashboard-listing-nav-js a' + ).removeClass( + 'directorist-tab__nav__active' + ); + $activeTab.addClass( + 'directorist-tab__nav__active' + ); + $( + '#directorist-dashboard-mylistings-js' + ).data('paged', paged); + }, + complete: function complete() { + $( + '#directorist-dashboard-preloader' + ).hide(); + }, + }); + } + + // Dashboard Listing Tabs + $('.directorist-dashboard-listing-nav-js a').on( + 'click', + function (event) { + var $item = $(this); + if ( + $item.hasClass( + 'directorist-tab__nav__active' + ) + ) { + return false; + } + directorist_dashboard_listing_ajax($item); + $( + '#directorist-dashboard-listing-searchform input[name=searchtext' + ).val(''); + $('#directorist-dashboard-mylistings-js').data( + 'search', + '' + ); + return false; + } + ); + + // Dashboard Tasks eg. delete + $('.directorist-dashboard-listings-tbody').on( + 'click', + '.directorist-dashboard-listing-actions a[data-task]', + function (event) { + var task = $(this).data('task'); + var postid = $(this).closest('tr').data('id'); + var $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + var paged = $( + '#directorist-dashboard-mylistings-js' + ).data('paged'); + var search = $( + '#directorist-dashboard-mylistings-js' + ).data('search'); + if (task == 'delete') { + swal( + { + title: directorist.listing_remove_title, + text: directorist.listing_remove_text, + type: 'warning', + cancelButtonText: + directorist.review_cancel_btn_text, + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist.listing_remove_confirm_text, + showLoaderOnConfirm: true, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + directorist_dashboard_listing_ajax( + $activeTab, + paged, + search, + task, + postid + ); + swal({ + title: directorist.listing_delete, + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + return false; + } + ); + + // Remove Listing + $(document).on( + 'click', + '#remove_listing', + function (e) { + e.preventDefault(); + var $this = $(this); + var id = $this.data('listing_id'); + var data = 'listing_id=' + id; + swal( + { + title: directorist.listing_remove_title, + text: directorist.listing_remove_text, + type: 'warning', + cancelButtonText: + directorist.review_cancel_btn_text, + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist.listing_remove_confirm_text, + showLoaderOnConfirm: true, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, now remove the listing + atbdp_do_ajax( + $this, + 'remove_listing', + data, + function (response) { + $('body').append(response); + if ( + 'success' === response + ) { + // show success message + swal({ + title: directorist.listing_delete, + type: 'success', + timer: 200, + showConfirmButton: false, + }); + $( + '#listing_id_' + id + ).remove(); + $this.remove(); + } else { + // show error message + swal({ + title: directorist.listing_error_title, + text: directorist.listing_error_text, + type: 'error', + timer: 2000, + showConfirmButton: false, + }); + } + } + ); + } + } + ); + + // send an ajax request to the ajax-handler.php and then delete the review of the given id + } + ); + + // Dashboard pagination + $('.directorist-dashboard-pagination').on( + 'click', + 'a', + function (event) { + var $link = $(this); + var paged = $link.attr('href'); + paged = paged.split('/page/')[1]; + paged = parseInt(paged); + var search = $( + '#directorist-dashboard-mylistings-js' + ).data('search'); + $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + directorist_dashboard_listing_ajax( + $activeTab, + paged, + search + ); + return false; + } + ); + + // Dashboard Search + $( + '#directorist-dashboard-listing-searchform input[name=searchtext' + ).val(''); //onready + + $('#directorist-dashboard-listing-searchform').on( + 'submit', + function (event) { + var $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + var search = $(this) + .find('input[name=searchtext]') + .val(); + directorist_dashboard_listing_ajax( + $activeTab, + 1, + search + ); + $('#directorist-dashboard-mylistings-js').data( + 'search', + search + ); + return false; + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardResponsive.js': + /*!**************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardResponsive.js ***! \**************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - //dashboard content responsive fix - var tabContentWidth = $('.directorist-user-dashboard .directorist-user-dashboard__contents').innerWidth(); - if (tabContentWidth < 1399) { - $('.directorist-user-dashboard .directorist-user-dashboard__contents').addClass('directorist-tab-content-grid-fix'); - } - $(window).bind('resize', function () { - if ($(this).width() <= 1199) { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - } - }).trigger('resize'); - $('.directorist-dashboard__nav__close, .directorist-shade').on('click', function () { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - }); - - // Profile Responsive - $('.directorist-tab__nav__link').on('click', function () { - if ($('#user_profile_form').width() < 800 && $('#user_profile_form').width() !== 0) { - $('#user_profile_form').addClass('directorist-profile-responsive'); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardSidebar.js": -/*!***********************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + //dashboard content responsive fix + var tabContentWidth = $( + '.directorist-user-dashboard .directorist-user-dashboard__contents' + ).innerWidth(); + if (tabContentWidth < 1399) { + $( + '.directorist-user-dashboard .directorist-user-dashboard__contents' + ).addClass('directorist-tab-content-grid-fix'); + } + $(window) + .bind('resize', function () { + if ($(this).width() <= 1199) { + $( + '.directorist-user-dashboard__nav' + ).addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + } + }) + .trigger('resize'); + $( + '.directorist-dashboard__nav__close, .directorist-shade' + ).on('click', function () { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + }); + + // Profile Responsive + $('.directorist-tab__nav__link').on( + 'click', + function () { + if ( + $('#user_profile_form').width() < 800 && + $('#user_profile_form').width() !== 0 + ) { + $('#user_profile_form').addClass( + 'directorist-profile-responsive' + ); + } + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardSidebar.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardSidebar.js ***! \***********************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - //dashboard sidebar nav toggler - $('.directorist-user-dashboard__toggle__link').on('click', function (e) { - e.preventDefault(); - $('.directorist-user-dashboard__nav').toggleClass('directorist-dashboard-nav-collapsed'); - // $(".directorist-shade").toggleClass("directorist-active"); - }); - if ($(window).innerWidth() < 767) { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed--fixed'); - } - - //dashboard nav dropdown - $('.directorist-tab__nav__link').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('atbd-dash-nav-dropdown')) { - // Slide toggle the sibling ul element - $(this).siblings('ul').slideToggle(); - } else if (!$(this).parents('.atbdp_tab_nav--has-child').length > 0) { - // Slide up all the dropdown contents while clicked item is not inside dropdown - $('.atbd-dash-nav-dropdown').siblings('ul').slideUp(); - } - }); - if ($(window).innerWidth() < 1199) { - $('.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)').on('click', function () { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - }); - $('.directorist-user-dashboard__toggle__link').on('click', function (e) { - e.preventDefault(); - $('.directorist-shade').toggleClass('directorist-active'); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardTab.js": -/*!*******************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + //dashboard sidebar nav toggler + $('.directorist-user-dashboard__toggle__link').on( + 'click', + function (e) { + e.preventDefault(); + $( + '.directorist-user-dashboard__nav' + ).toggleClass( + 'directorist-dashboard-nav-collapsed' + ); + // $(".directorist-shade").toggleClass("directorist-active"); + } + ); + if ($(window).innerWidth() < 767) { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed--fixed' + ); + } + + //dashboard nav dropdown + $('.directorist-tab__nav__link').on( + 'click', + function (e) { + e.preventDefault(); + if ( + $(this).hasClass('atbd-dash-nav-dropdown') + ) { + // Slide toggle the sibling ul element + $(this).siblings('ul').slideToggle(); + } else if ( + !$(this).parents( + '.atbdp_tab_nav--has-child' + ).length > 0 + ) { + // Slide up all the dropdown contents while clicked item is not inside dropdown + $('.atbd-dash-nav-dropdown') + .siblings('ul') + .slideUp(); + } + } + ); + if ($(window).innerWidth() < 1199) { + $( + '.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)' + ).on('click', function () { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + }); + $('.directorist-user-dashboard__toggle__link').on( + 'click', + function (e) { + e.preventDefault(); + $('.directorist-shade').toggleClass( + 'directorist-active' + ); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardTab.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardTab.js ***! \*******************************************************************/ -/***/ (function() { - -(function () { - new DashTab('.directorist-tab'); -})(); + /***/ function () { + (function () { + new DashTab('.directorist-tab'); + })(); -/***/ }), + /***/ + }, -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id'), - label: $(this).data('label') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + label: $(this).data('label'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/legacy-support.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/legacy-support.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/legacy-support.js ***! \***********************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.atbd-dropdown'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.atbd-dropdown-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - el.querySelector('.atbd-dropdown-items').classList.add('atbd-show'); - } else { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'atbd-toggle') { - clickCount = 0; - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/preferenceForm.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = + document.querySelectorAll('.atbd-dropdown'); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.atbd-dropdown-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + el.querySelector( + '.atbd-dropdown-items' + ).classList.add('atbd-show'); + } else { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'atbd-toggle' + ) { + clickCount = 0; + document + .querySelectorAll('.atbd-dropdown-items') + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/preferenceForm.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/preferenceForm.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - if ($('#display_author_email').length) { - $('#display_author_email').select2(); - } - window.addEventListener('load', function () { - var is_processing = false; - $('#user_preferences').on('submit', function (e) { - // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. - e.preventDefault(); - var submit_button = $('#update_user_preferences'); - submit_button.attr('disabled', true); - submit_button.addClass('directorist-loader'); - if (is_processing) { - submit_button.removeAttr('disabled'); - return; - } - var form_data = new FormData(); - var err_log = {}; - - // ajax action - form_data.append('action', 'update_user_preferences'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - var $form = $(this); - var arrData = $form.serializeArray(); - $.each(arrData, function (index, elem) { - var name = elem.name; - var value = elem.value; - form_data.append(name, value); - }); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajaxurl, - data: form_data, - success: function success(response) { - submit_button.removeAttr('disabled'); - submit_button.removeClass('directorist-loader'); - if (response.success) { - $('#directorist-preference-notice').html('' + response.data.message + ''); - } else { - $('#directorist-preference-notice').html('' + response.data.message + ''); - } - }, - error: function error(response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(function () { - $('#directorist-preference-notice .directorist-alert').remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/profileForm.js": -/*!********************************************************!*\ + /***/ function () { + (function ($) { + if ($('#display_author_email').length) { + $('#display_author_email').select2(); + } + window.addEventListener('load', function () { + var is_processing = false; + $('#user_preferences').on('submit', function (e) { + // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. + e.preventDefault(); + var submit_button = $('#update_user_preferences'); + submit_button.attr('disabled', true); + submit_button.addClass('directorist-loader'); + if (is_processing) { + submit_button.removeAttr('disabled'); + return; + } + var form_data = new FormData(); + var err_log = {}; + + // ajax action + form_data.append( + 'action', + 'update_user_preferences' + ); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + var $form = $(this); + var arrData = $form.serializeArray(); + $.each(arrData, function (index, elem) { + var name = elem.name; + var value = elem.value; + form_data.append(name, value); + }); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajaxurl, + data: form_data, + success: function success(response) { + submit_button.removeAttr('disabled'); + submit_button.removeClass( + 'directorist-loader' + ); + if (response.success) { + $( + '#directorist-preference-notice' + ).html( + '' + + response.data.message + + '' + ); + } else { + $( + '#directorist-preference-notice' + ).html( + '' + + response.data.message + + '' + ); + } + }, + error: function error(response) { + submit_button.removeAttr('disabled'); + console.log(response); + }, + }); + // remove notice after five second + setTimeout(function () { + $( + '#directorist-preference-notice .directorist-alert' + ).remove(); + }, 5000); + + // prevent the from submitting + return false; + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/profileForm.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/profileForm.js ***! \********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - var profileMediaUploader = null; - if ($('.directorist-profile-uploader').length) { - profileMediaUploader = new EzMediaUploader({ - containerClass: 'directorist-profile-uploader' - }); - profileMediaUploader.init(); - } - var is_processing = false; - $('#user_profile_form').on('submit', function (e) { - // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. - e.preventDefault(); - var submit_button = $('#update_user_profile'); - submit_button.attr('disabled', true); - submit_button.addClass('directorist-loader'); - if (is_processing) { - submit_button.removeAttr('disabled'); - return; - } - var form_data = new FormData(); - var err_log = {}; - var error_count; - - // ajax action - form_data.append('action', 'update_user_profile'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - if (profileMediaUploader) { - var hasValidFiles = profileMediaUploader.hasValidFiles(); - if (hasValidFiles) { - //files - var files = profileMediaUploader.getTheFiles(); - var filesMeta = profileMediaUploader.getFilesMeta(); - if (files.length) { - for (var i = 0; i < files.length; i++) { - form_data.append('profile_picture', files[i]); - } - } - if (filesMeta.length) { - for (var i = 0; i < filesMeta.length; i++) { - var elm = filesMeta[i]; - for (var key in elm) { - form_data.append('profile_picture_meta[' + i + '][' + key + ']', elm[key]); - } - } - } - } else { - $('.directorist-form-submit__btn').removeClass('atbd_loading'); - err_log.user_profile_avater = { - msg: 'Listing gallery has invalid files' - }; - error_count++; - } - } - var $form = $(this); - var arrData = $form.serializeArray(); - $.each(arrData, function (index, elem) { - var name = elem.name; - var value = elem.value; - form_data.append(name, value); - }); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajaxurl, - data: form_data, - success: function success(response) { - submit_button.removeAttr('disabled'); - submit_button.removeClass('directorist-loader'); - - // console.log(response); - - if (response.success) { - $('#directorist-profile-notice').html('' + response.data + ''); - - // Reload if password updated - var newPass = form_data.get('user[new_pass]'); - if (typeof newPass == 'string' && newPass.length > 0) { - location.reload(); - return false; - } - } else { - $('#directorist-profile-notice').html('' + response.data + ''); - } - }, - error: function error(response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(function () { - $('#directorist-profile-notice .directorist-alert').remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/lib/dashTab.js": -/*!*********************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + var profileMediaUploader = null; + if ($('.directorist-profile-uploader').length) { + profileMediaUploader = new EzMediaUploader({ + containerClass: 'directorist-profile-uploader', + }); + profileMediaUploader.init(); + } + var is_processing = false; + $('#user_profile_form').on('submit', function (e) { + // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. + e.preventDefault(); + var submit_button = $('#update_user_profile'); + submit_button.attr('disabled', true); + submit_button.addClass('directorist-loader'); + if (is_processing) { + submit_button.removeAttr('disabled'); + return; + } + var form_data = new FormData(); + var err_log = {}; + var error_count; + + // ajax action + form_data.append('action', 'update_user_profile'); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + if (profileMediaUploader) { + var hasValidFiles = + profileMediaUploader.hasValidFiles(); + if (hasValidFiles) { + //files + var files = + profileMediaUploader.getTheFiles(); + var filesMeta = + profileMediaUploader.getFilesMeta(); + if (files.length) { + for (var i = 0; i < files.length; i++) { + form_data.append( + 'profile_picture', + files[i] + ); + } + } + if (filesMeta.length) { + for ( + var i = 0; + i < filesMeta.length; + i++ + ) { + var elm = filesMeta[i]; + for (var key in elm) { + form_data.append( + 'profile_picture_meta[' + + i + + '][' + + key + + ']', + elm[key] + ); + } + } + } + } else { + $( + '.directorist-form-submit__btn' + ).removeClass('atbd_loading'); + err_log.user_profile_avater = { + msg: 'Listing gallery has invalid files', + }; + error_count++; + } + } + var $form = $(this); + var arrData = $form.serializeArray(); + $.each(arrData, function (index, elem) { + var name = elem.name; + var value = elem.value; + form_data.append(name, value); + }); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajaxurl, + data: form_data, + success: function success(response) { + submit_button.removeAttr('disabled'); + submit_button.removeClass( + 'directorist-loader' + ); + + // console.log(response); + + if (response.success) { + $('#directorist-profile-notice').html( + '' + + response.data + + '' + ); + + // Reload if password updated + var newPass = + form_data.get('user[new_pass]'); + if ( + typeof newPass == 'string' && + newPass.length > 0 + ) { + location.reload(); + return false; + } + } else { + $('#directorist-profile-notice').html( + '' + + response.data + + '' + ); + } + }, + error: function error(response) { + submit_button.removeAttr('disabled'); + console.log(response); + }, + }); + // remove notice after five second + setTimeout(function () { + $( + '#directorist-profile-notice .directorist-alert' + ).remove(); + }, 5000); + + // prevent the from submitting + return false; + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/lib/dashTab.js': + /*!*********************************************!*\ !*** ./assets/src/js/public/lib/dashTab.js ***! \*********************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -/* + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + /* Plugin: Dash Tab Version: 1.0.0 License: MIT */ -(function () { - this.DashTab = function (selector) { - this.globalSetup = function () { - if (window.isInitializedDashTab) { - return; - } - window.isInitializedDashTab = true; - this.activateNavLinkByURL(); - }; - this.activateNavLinkByURL = function () { - var hash = window.location.hash; - var queryStrings = null; - - // Split the URL into its components - var urlParts = hash.split(/[?|&]/); - if (urlParts.length > 1) { - // Get Hash Link - var hashLink = urlParts[0]; - - // Get the search parameters - queryStrings = JSON.parse(JSON.stringify(urlParts)); - queryStrings.splice(0, 1); - queryStrings = queryStrings.filter(function (item) { - return "".concat(item).length; - }); - queryStrings = queryStrings.join('&'); - window.location.hash = hashLink; - hash = window.location.hash; - } - - // Activate Current Navigation Item - var navLinks = document.querySelectorAll('.directorist-tab__nav__link'); - var _iterator = _createForOfIteratorHelper(navLinks), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var link = _step.value; - var href = link.getAttribute('href'); - var target = link.getAttribute('target'); - if (href === hash || "#".concat(target) === hash || window.location.hash.match(new RegExp("^".concat(href, "$")))) { - var parent = link.closest('.atbdp_tab_nav--has-child'); - if (parent) { - var dropdownMenu = parent.querySelector('.atbd-dashboard-nav'); - if (dropdownMenu) { - dropdownMenu.style.display = 'block'; - } - } - link.click(); - break; - } - } - - // Update Window History - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - if (queryStrings) { - // Reconstruct the URL with the updated search parameters - var newUrl = window.location.pathname + window.location.hash + '?' + queryStrings; - window.history.replaceState(null, null, newUrl); - } - }; - this.navLinksSetup = function (selector) { - var elements = document.querySelectorAll(selector); - if (!elements.length) return; - elements.forEach(function (el) { - var links = el.querySelectorAll('.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)'); - links.forEach(function (link) { - link.style.cursor = 'pointer'; - link.addEventListener('click', function (event) { - event.preventDefault(); - event.stopPropagation(); - var ul = event.target.closest('.directorist-tab__nav'), - main = ul.nextElementSibling, - item_link = ul.querySelectorAll('.directorist-tab__nav__link'), - section = main.querySelectorAll('.directorist-tab__pane'); - - // Activate Navigation Panel - item_link.forEach(function (link) { - link.classList.remove('directorist-tab__nav__active'); - }); - var parentNavRef = event.target.getAttribute('data-parent-nav'); - if (parentNavRef) { - var parentNav = document.querySelector(parentNavRef); - if (parentNav) { - parentNav.classList.add('directorist-tab__nav__active'); - } - } else { - var _event$target$closest; - event.target.classList.add('directorist-tab__nav__active'); - var dropDownToggler = (_event$target$closest = event.target.closest('.atbdp_tab_nav--has-child')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.querySelector('.atbd-dash-nav-dropdown'); - if (dropDownToggler && !dropDownToggler.classList.contains('directorist-tab__nav__active')) { - dropDownToggler.classList.add('directorist-tab__nav__active'); - } - } - - // Activate Content Panel - section.forEach(function (sectionItem) { - sectionItem.classList.remove('directorist-tab__pane--active'); - }); - var content_id = event.target.getAttribute('target'); - document.getElementById(content_id).classList.add('directorist-tab__pane--active'); - - // Add Hash To Window Location - var hashID = content_id; - var link = event.target.getAttribute('href'); - if (link) { - var matchLink = link.match(/#(.+)/); - hashID = matchLink ? matchLink[1] : hashID; - } - var hasMatch = window.location.hash.match(new RegExp("^".concat(link, "$"))); - window.location.hash = hasMatch ? hasMatch[0] : '#' + hashID; - var newHash = window.location.hash; - var newUrl = window.location.pathname + newHash; - window.history.replaceState(null, null, newUrl); - }); - }); - }); - }; - if (document.querySelector(selector)) { - this.navLinksSetup(selector); - this.globalSetup(); - } - }; -})(); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!***************************************************!*\ + (function () { + this.DashTab = function (selector) { + this.globalSetup = function () { + if (window.isInitializedDashTab) { + return; + } + window.isInitializedDashTab = true; + this.activateNavLinkByURL(); + }; + this.activateNavLinkByURL = function () { + var hash = window.location.hash; + var queryStrings = null; + + // Split the URL into its components + var urlParts = hash.split(/[?|&]/); + if (urlParts.length > 1) { + // Get Hash Link + var hashLink = urlParts[0]; + + // Get the search parameters + queryStrings = JSON.parse( + JSON.stringify(urlParts) + ); + queryStrings.splice(0, 1); + queryStrings = queryStrings.filter( + function (item) { + return ''.concat(item).length; + } + ); + queryStrings = queryStrings.join('&'); + window.location.hash = hashLink; + hash = window.location.hash; + } + + // Activate Current Navigation Item + var navLinks = document.querySelectorAll( + '.directorist-tab__nav__link' + ); + var _iterator = + _createForOfIteratorHelper(navLinks), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var link = _step.value; + var href = link.getAttribute('href'); + var target = link.getAttribute('target'); + if ( + href === hash || + '#'.concat(target) === hash || + window.location.hash.match( + new RegExp('^'.concat(href, '$')) + ) + ) { + var parent = link.closest( + '.atbdp_tab_nav--has-child' + ); + if (parent) { + var dropdownMenu = + parent.querySelector( + '.atbd-dashboard-nav' + ); + if (dropdownMenu) { + dropdownMenu.style.display = + 'block'; + } + } + link.click(); + break; + } + } + + // Update Window History + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + if (queryStrings) { + // Reconstruct the URL with the updated search parameters + var newUrl = + window.location.pathname + + window.location.hash + + '?' + + queryStrings; + window.history.replaceState(null, null, newUrl); + } + }; + this.navLinksSetup = function (selector) { + var elements = document.querySelectorAll(selector); + if (!elements.length) return; + elements.forEach(function (el) { + var links = el.querySelectorAll( + '.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)' + ); + links.forEach(function (link) { + link.style.cursor = 'pointer'; + link.addEventListener( + 'click', + function (event) { + event.preventDefault(); + event.stopPropagation(); + var ul = event.target.closest( + '.directorist-tab__nav' + ), + main = ul.nextElementSibling, + item_link = ul.querySelectorAll( + '.directorist-tab__nav__link' + ), + section = main.querySelectorAll( + '.directorist-tab__pane' + ); + + // Activate Navigation Panel + item_link.forEach(function (link) { + link.classList.remove( + 'directorist-tab__nav__active' + ); + }); + var parentNavRef = + event.target.getAttribute( + 'data-parent-nav' + ); + if (parentNavRef) { + var parentNav = + document.querySelector( + parentNavRef + ); + if (parentNav) { + parentNav.classList.add( + 'directorist-tab__nav__active' + ); + } + } else { + var _event$target$closest; + event.target.classList.add( + 'directorist-tab__nav__active' + ); + var dropDownToggler = + (_event$target$closest = + event.target.closest( + '.atbdp_tab_nav--has-child' + )) === null || + _event$target$closest === + void 0 + ? void 0 + : _event$target$closest.querySelector( + '.atbd-dash-nav-dropdown' + ); + if ( + dropDownToggler && + !dropDownToggler.classList.contains( + 'directorist-tab__nav__active' + ) + ) { + dropDownToggler.classList.add( + 'directorist-tab__nav__active' + ); + } + } + + // Activate Content Panel + section.forEach( + function (sectionItem) { + sectionItem.classList.remove( + 'directorist-tab__pane--active' + ); + } + ); + var content_id = + event.target.getAttribute( + 'target' + ); + document + .getElementById(content_id) + .classList.add( + 'directorist-tab__pane--active' + ); + + // Add Hash To Window Location + var hashID = content_id; + var link = + event.target.getAttribute( + 'href' + ); + if (link) { + var matchLink = + link.match(/#(.+)/); + hashID = matchLink + ? matchLink[1] + : hashID; + } + var hasMatch = + window.location.hash.match( + new RegExp( + '^'.concat(link, '$') + ) + ); + window.location.hash = hasMatch + ? hasMatch[0] + : '#' + hashID; + var newHash = window.location.hash; + var newUrl = + window.location.pathname + + newHash; + window.history.replaceState( + null, + null, + newUrl + ); + } + ); + }); + }); + }; + if (document.querySelector(selector)) { + this.navLinksSetup(selector); + this.globalSetup(); + } + }; + })(); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!***************************************************!*\ !*** ./assets/src/js/public/modules/dashboard.js ***! \***************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lib/dashTab */ "./assets/src/js/public/lib/dashTab.js"); -/* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_lib_dashTab__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/dashboard/dashboardSidebar */ "./assets/src/js/public/components/dashboard/dashboardSidebar.js"); -/* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/dashboard/dashboardTab */ "./assets/src/js/public/components/dashboard/dashboardTab.js"); -/* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/dashboard/dashboardListing */ "./assets/src/js/public/components/dashboard/dashboardListing.js"); -/* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_dashboard_dashBoardMoreBtn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/dashboard/dashBoardMoreBtn */ "./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js"); -/* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/dashboard/dashboardResponsive */ "./assets/src/js/public/components/dashboard/dashboardResponsive.js"); -/* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/dashboard/dashboardAnnouncement */ "./assets/src/js/public/components/dashboard/dashboardAnnouncement.js"); -/* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/dashboard/dashboardBecomeAuthor */ "./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js"); -/* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/profileForm */ "./assets/src/js/public/components/profileForm.js"); -/* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_profileForm__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/legacy-support */ "./assets/src/js/public/components/legacy-support.js"); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_components_legacy_support__WEBPACK_IMPORTED_MODULE_11__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__); -/* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/preferenceForm */ "./assets/src/js/public/components/preferenceForm.js"); -/* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__); -// Lib - - -// Dashboard Js - - - - - - - - -// General Components -// import '../components/tab'; - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=directorist-dashboard.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../lib/dashTab */ './assets/src/js/public/lib/dashTab.js' + ); + /* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/dashboard/dashboardSidebar */ './assets/src/js/public/components/dashboard/dashboardSidebar.js' + ); + /* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/dashboard/dashboardTab */ './assets/src/js/public/components/dashboard/dashboardTab.js' + ); + /* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/dashboard/dashboardListing */ './assets/src/js/public/components/dashboard/dashboardListing.js' + ); + /* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_dashboard_dashBoardMoreBtn__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/dashboard/dashBoardMoreBtn */ './assets/src/js/public/components/dashboard/dashBoardMoreBtn.js' + ); + /* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/dashboard/dashboardResponsive */ './assets/src/js/public/components/dashboard/dashboardResponsive.js' + ); + /* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/dashboard/dashboardAnnouncement */ './assets/src/js/public/components/dashboard/dashboardAnnouncement.js' + ); + /* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/dashboard/dashboardBecomeAuthor */ './assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js' + ); + /* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/profileForm */ './assets/src/js/public/components/profileForm.js' + ); + /* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ = + __webpack_require__( + /*! ../components/legacy-support */ './assets/src/js/public/components/legacy-support.js' + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11___default = + /*#__PURE__*/ __webpack_require__.n( + _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ + ); + /* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ = + __webpack_require__( + /*! ../components/preferenceForm */ './assets/src/js/public/components/preferenceForm.js' + ); + /* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14___default = + /*#__PURE__*/ __webpack_require__.n( + _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ + ); + // Lib + + // Dashboard Js + + // General Components + // import '../components/tab'; + })(); + /******/ +})(); +//# sourceMappingURL=directorist-dashboard.js.map diff --git a/assets/js/directorist-plupload.js b/assets/js/directorist-plupload.js index b5a72e8c17..f55f04628f 100644 --- a/assets/js/directorist-plupload.js +++ b/assets/js/directorist-plupload.js @@ -1,512 +1,849 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!******************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!******************************************************!*\ !*** ./assets/src/js/global/directorist-plupload.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../lib/helper */ "./assets/src/js/lib/helper.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../lib/helper */ './assets/src/js/lib/helper.js' + ); -jQuery.fn.exists = function () { - return jQuery(this).length > 0; -}; -var atbdp_plupload_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_plupload_params'); -var atbdp_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); -var $ = jQuery; + jQuery.fn.exists = function () { + return jQuery(this).length > 0; + }; + var atbdp_plupload_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_plupload_params' + ); + var atbdp_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); + var $ = jQuery; -// Init -if (atbdp_plupload_params) { - jQuery(document).ready(init); - window.addEventListener('directorist-reload-plupload', init); -} -function init() { - atbdp_plupload_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_plupload_params'); - atbdp_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); - if ($('.plupload-upload-uic').exists()) { - var pluploadConfig, msgErr, post_id; + // Init + if (atbdp_plupload_params) { + jQuery(document).ready(init); + window.addEventListener('directorist-reload-plupload', init); + } + function init() { + atbdp_plupload_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_plupload_params' + ); + atbdp_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_params' + ); + if ($('.plupload-upload-uic').exists()) { + var pluploadConfig, msgErr, post_id; - // set the post id - if (jQuery("#atbdpectory-add-post input[name='ID']").length) { - post_id = jQuery("#atbdpectory-add-post input[name='ID']").val(); // frontend - } else { - post_id = jQuery("#post input[name='post_ID']").val(); // backend - } - $('.plupload-upload-uic').each(function (ind, el) { - var $this = $(this); - var imgId = $this.attr('id').replace('plupload-upload-ui', ''); - var $errorHolder = jQuery('#' + imgId + 'upload-error'); - plu_show_thumbs(imgId); - pluploadConfig = JSON.parse(atbdp_plupload_params.base_plupload_config); - pluploadConfig['browse_button'] = imgId + pluploadConfig['browse_button']; - pluploadConfig['container'] = imgId + pluploadConfig['container']; - if (jQuery('#' + imgId + 'dropbox').length) { - pluploadConfig['drop_element'] = imgId + 'dropbox'; - } // only add drop area if there is one + // set the post id + if (jQuery("#atbdpectory-add-post input[name='ID']").length) { + post_id = jQuery( + "#atbdpectory-add-post input[name='ID']" + ).val(); // frontend + } else { + post_id = jQuery("#post input[name='post_ID']").val(); // backend + } + $('.plupload-upload-uic').each(function (ind, el) { + var $this = $(this); + var imgId = $this + .attr('id') + .replace('plupload-upload-ui', ''); + var $errorHolder = jQuery('#' + imgId + 'upload-error'); + plu_show_thumbs(imgId); + pluploadConfig = JSON.parse( + atbdp_plupload_params.base_plupload_config + ); + pluploadConfig['browse_button'] = + imgId + pluploadConfig['browse_button']; + pluploadConfig['container'] = + imgId + pluploadConfig['container']; + if (jQuery('#' + imgId + 'dropbox').length) { + pluploadConfig['drop_element'] = imgId + 'dropbox'; + } // only add drop area if there is one - pluploadConfig['file_data_name'] = imgId + pluploadConfig['file_data_name']; - pluploadConfig['multipart_params']['imgid'] = imgId; - pluploadConfig['multipart_params']['post_id'] = post_id; - pluploadConfig['max_file_size'] = $('#' + imgId + '_file_size').val(); - if ($this.hasClass('plupload-upload-uic-multiple')) { - pluploadConfig['multi_selection'] = true; - } - var allowed_exts = jQuery('#' + imgId + '_allowed_types').val(); - allowed_exts = allowed_exts && allowed_exts != '' ? allowed_exts : ''; - if (imgId == 'post_images' && typeof atbdp_params.atbdp_allowed_img_types != 'undefined' && atbdp_params.atbdp_allowed_img_types != '') { - allowed_exts = atbdp_params.atbdp_allowed_img_types; - } - if (allowed_exts && allowed_exts != '') { - var txt_all_files = typeof atbdp_params.txt_all_files != 'undefined' && atbdp_params.txt_all_files != '' ? atbdp_params.txt_all_files : 'Allowed files'; - pluploadConfig['filters'] = [{ - title: txt_all_files, - extensions: allowed_exts - }]; - } - var uploader = new plupload.Uploader(pluploadConfig); - uploader.bind('Init', function (up, params) { - if (uploader.features.dragdrop) { - var drop_id = imgId + 'dropbox'; - var target = jQuery('#' + drop_id); - target.on('dragenter', function (event) { - target.addClass('dragover'); - }); - target.on('dragleave', function (event) { - target.removeClass('dragover'); - }); - target.on('drop', function () { - target.removeClass('dragover'); - }); - } - }); - uploader.init(); - uploader.bind('Error', function (up, files) { - var errorMessage; - $errorHolder.addClass('upload-error'); - if (files.code == -600) { - if (typeof atbdp_params.err_max_file_size != 'undefined' && atbdp_params.err_max_file_size != '') { - errorMessage = atbdp_params.err_max_file_size; - } else { - errorMessage = 'File size error : You tried to upload a file over %s'; - } - errorMessage = errorMessage.replace('%s', $('#' + imgId + '_file_size').val()); - } else if (files.code == -601) { - if (typeof atbdp_params.err_file_type != 'undefined' && atbdp_params.err_file_type != '') { - errorMessage = atbdp_params.err_file_type; - } else { - errorMessage = 'File type error. Allowed file types: %s'; - } - if (imgId == 'post_images') { - var txtReplace = allowed_exts != '' ? '.' + allowed_exts.replace(/,/g, ', .') : '*'; - errorMessage = errorMessage.replace('%s', txtReplace); - } else { - errorMessage = errorMessage.replace('%s', jQuery('#' + imgId + '_allowed_types').attr('data-exts')); - } - } else { - errorMessage = files.message; - } - $errorHolder.html(errorMessage); - }); + pluploadConfig['file_data_name'] = + imgId + pluploadConfig['file_data_name']; + pluploadConfig['multipart_params']['imgid'] = imgId; + pluploadConfig['multipart_params']['post_id'] = post_id; + pluploadConfig['max_file_size'] = $( + '#' + imgId + '_file_size' + ).val(); + if ($this.hasClass('plupload-upload-uic-multiple')) { + pluploadConfig['multi_selection'] = true; + } + var allowed_exts = jQuery( + '#' + imgId + '_allowed_types' + ).val(); + allowed_exts = + allowed_exts && allowed_exts != '' ? allowed_exts : ''; + if ( + imgId == 'post_images' && + typeof atbdp_params.atbdp_allowed_img_types != + 'undefined' && + atbdp_params.atbdp_allowed_img_types != '' + ) { + allowed_exts = atbdp_params.atbdp_allowed_img_types; + } + if (allowed_exts && allowed_exts != '') { + var txt_all_files = + typeof atbdp_params.txt_all_files != 'undefined' && + atbdp_params.txt_all_files != '' + ? atbdp_params.txt_all_files + : 'Allowed files'; + pluploadConfig['filters'] = [ + { + title: txt_all_files, + extensions: allowed_exts, + }, + ]; + } + var uploader = new plupload.Uploader(pluploadConfig); + uploader.bind('Init', function (up, params) { + if (uploader.features.dragdrop) { + var drop_id = imgId + 'dropbox'; + var target = jQuery('#' + drop_id); + target.on('dragenter', function (event) { + target.addClass('dragover'); + }); + target.on('dragleave', function (event) { + target.removeClass('dragover'); + }); + target.on('drop', function () { + target.removeClass('dragover'); + }); + } + }); + uploader.init(); + uploader.bind('Error', function (up, files) { + var errorMessage; + $errorHolder.addClass('upload-error'); + if (files.code == -600) { + if ( + typeof atbdp_params.err_max_file_size != + 'undefined' && + atbdp_params.err_max_file_size != '' + ) { + errorMessage = atbdp_params.err_max_file_size; + } else { + errorMessage = + 'File size error : You tried to upload a file over %s'; + } + errorMessage = errorMessage.replace( + '%s', + $('#' + imgId + '_file_size').val() + ); + } else if (files.code == -601) { + if ( + typeof atbdp_params.err_file_type != + 'undefined' && + atbdp_params.err_file_type != '' + ) { + errorMessage = atbdp_params.err_file_type; + } else { + errorMessage = + 'File type error. Allowed file types: %s'; + } + if (imgId == 'post_images') { + var txtReplace = + allowed_exts != '' + ? '.' + + allowed_exts.replace(/,/g, ', .') + : '*'; + errorMessage = errorMessage.replace( + '%s', + txtReplace + ); + } else { + errorMessage = errorMessage.replace( + '%s', + jQuery('#' + imgId + '_allowed_types').attr( + 'data-exts' + ) + ); + } + } else { + errorMessage = files.message; + } + $errorHolder.html(errorMessage); + }); - //a file was added in the queue - //totalImg = atbdp_plupload_params.totalImg; - //limitImg = atbdp_plupload_params.image_limit; - uploader.bind('FilesAdded', function (up, files) { - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); - $errorHolder.html('').removeClass('upload-error'); - if (limitImg && $this.hasClass('plupload-upload-uic-multiple') && limitImg > 0) { - if (totalImg >= limitImg && limitImg > 0) { - while (up.files.length > 0) { - up.removeFile(up.files[0]); - } // remove images + //a file was added in the queue + //totalImg = atbdp_plupload_params.totalImg; + //limitImg = atbdp_plupload_params.image_limit; + uploader.bind('FilesAdded', function (up, files) { + var totalImg = parseInt( + jQuery('#' + imgId + 'totImg').val() + ); + var limitImg = parseInt( + jQuery('#' + imgId + 'image_limit').val() + ); + $errorHolder.html('').removeClass('upload-error'); + if ( + limitImg && + $this.hasClass('plupload-upload-uic-multiple') && + limitImg > 0 + ) { + if (totalImg >= limitImg && limitImg > 0) { + while (up.files.length > 0) { + up.removeFile(up.files[0]); + } // remove images - if (typeof atbdp_params.err_file_upload_limit != 'undefined' && atbdp_params.err_file_upload_limit != '') { - msgErr = atbdp_params.err_file_upload_limit; - } else { - msgErr = 'You have reached your upload limit of %s files.'; - } - msgErr = msgErr.replace('%s', limitImg); - $errorHolder.addClass('upload-error').html(msgErr); - return false; - } - if (up.files.length > limitImg && limitImg > 0) { - while (up.files.length > 0) { - up.removeFile(up.files[0]); - } // remove images + if ( + typeof atbdp_params.err_file_upload_limit != + 'undefined' && + atbdp_params.err_file_upload_limit != '' + ) { + msgErr = atbdp_params.err_file_upload_limit; + } else { + msgErr = + 'You have reached your upload limit of %s files.'; + } + msgErr = msgErr.replace('%s', limitImg); + $errorHolder + .addClass('upload-error') + .html(msgErr); + return false; + } + if (up.files.length > limitImg && limitImg > 0) { + while (up.files.length > 0) { + up.removeFile(up.files[0]); + } // remove images - if (typeof atbdp_params.err_pkg_upload_limit != 'undefined' && atbdp_params.err_pkg_upload_limit != '') { - msgErr = atbdp_params.err_pkg_upload_limit; - } else { - msgErr = 'You may only upload %s files with this package, please try again.'; - } - msgErr = msgErr.replace('%s', limitImg); - $errorHolder.addClass('upload-error').html(msgErr); - return false; - } - } - $.each(files, function (i, file) { - $this.find('.filelist').append('
    ' + file.name + ' (' + plupload.formatSize(0) + '/' + plupload.formatSize(file.size) + ') ' + '
    '); - }); - up.refresh(); - up.start(); - }); - uploader.bind('UploadProgress', function (up, file) { - $('#' + file.id + ' .fileprogress').width(file.percent + '%'); - $('#' + file.id + ' span').html(plupload.formatSize(parseInt(file.size * file.percent / 100))); - }); - var timer; - var i = 0; - var indexes = new Array(); - uploader.bind('FileUploaded', function (up, file, response) { - response = JSON.parse(response['response']); - if (!response.success) { - $errorHolder.addClass('upload-error').html(response.data); - return; - } + if ( + typeof atbdp_params.err_pkg_upload_limit != + 'undefined' && + atbdp_params.err_pkg_upload_limit != '' + ) { + msgErr = atbdp_params.err_pkg_upload_limit; + } else { + msgErr = + 'You may only upload %s files with this package, please try again.'; + } + msgErr = msgErr.replace('%s', limitImg); + $errorHolder + .addClass('upload-error') + .html(msgErr); + return false; + } + } + $.each(files, function (i, file) { + $this + .find('.filelist') + .append( + '
    ' + + file.name + + ' (' + + plupload.formatSize(0) + + '/' + + plupload.formatSize(file.size) + + ') ' + + '
    ' + ); + }); + up.refresh(); + up.start(); + }); + uploader.bind('UploadProgress', function (up, file) { + $('#' + file.id + ' .fileprogress').width( + file.percent + '%' + ); + $('#' + file.id + ' span').html( + plupload.formatSize( + parseInt((file.size * file.percent) / 100) + ) + ); + }); + var timer; + var i = 0; + var indexes = new Array(); + uploader.bind( + 'FileUploaded', + function (up, file, response) { + response = JSON.parse(response['response']); + if (!response.success) { + $errorHolder + .addClass('upload-error') + .html(response.data); + return; + } - //up.removeFile(up.files[0]); // remove images - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - indexes[i] = up; - i++; - $('#' + file.id).fadeOut(); + //up.removeFile(up.files[0]); // remove images + var totalImg = parseInt( + jQuery('#' + imgId + 'totImg').val() + ); + indexes[i] = up; + i++; + $('#' + file.id).fadeOut(); - // add url to the hidden field - if ($this.hasClass('plupload-upload-uic-multiple')) { - totalImg++; - jQuery('#' + imgId + 'totImg').val(totalImg); - // multiple - var v1 = $.trim($('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val()); - if (v1) { - v1 = v1 + '::' + response.data; - } else { - v1 = response.data; - } - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(v1); - //console.log(v1); - } else { - // single - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(response.data + ''); - //console.log(response); - } - // show thumbs - plu_show_thumbs(imgId); - }); - Error; - }); - } -} -function atbdp_esc_entities(str) { - var entityMap = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - "'": ''', - '/': '/', - '`': '`', - '=': '=' - }; - return String(str).replace(/[&<>"'`=\/]/g, function (s) { - return entityMap[s]; - }); -} -function atbdp_remove_file_index(indexes) { - for (var i = 0; i < indexes.length; i++) { - if (indexes[i].files.length > 0) { - indexes[i].removeFile(indexes[i].files[0]); - } - } -} -function plu_show_thumbs(imgId) { - //console.log("plu_show_thumbs"); - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); - var $ = jQuery; - var thumbsC = $('#' + imgId + 'plupload-thumbs'); - thumbsC.html(''); - // get urls - var imagesS = $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(); - var txtRemove = 'Remove'; - if (typeof atbdp_params.action_remove != 'undefined' && atbdp_params.action_remove != '') { - txtRemove = atbdp_params.action_remove; - } - if (!imagesS) { - return; - } - var images = imagesS.split('::'); - for (var i = 0; i < images.length; i++) { - if (images[i] && images[i] != 'null') { - var img_arr = images[i].split('|'); - var image_url = img_arr[0]; - var image_id = img_arr[1]; - var image_title = img_arr[2]; - var image_caption = img_arr[3]; - var image_title_html = ''; - var image_caption_html = ''; + // add url to the hidden field + if ( + $this.hasClass('plupload-upload-uic-multiple') + ) { + totalImg++; + jQuery('#' + imgId + 'totImg').val(totalImg); + // multiple + var v1 = $.trim( + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val() + ); + if (v1) { + v1 = v1 + '::' + response.data; + } else { + v1 = response.data; + } + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val(v1); + //console.log(v1); + } else { + // single + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val(response.data + ''); + //console.log(response); + } + // show thumbs + plu_show_thumbs(imgId); + } + ); + Error; + }); + } + } + function atbdp_esc_entities(str) { + var entityMap = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''', + '/': '/', + '`': '`', + '=': '=', + }; + return String(str).replace(/[&<>"'`=\/]/g, function (s) { + return entityMap[s]; + }); + } + function atbdp_remove_file_index(indexes) { + for (var i = 0; i < indexes.length; i++) { + if (indexes[i].files.length > 0) { + indexes[i].removeFile(indexes[i].files[0]); + } + } + } + function plu_show_thumbs(imgId) { + //console.log("plu_show_thumbs"); + var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); + var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); + var $ = jQuery; + var thumbsC = $('#' + imgId + 'plupload-thumbs'); + thumbsC.html(''); + // get urls + var imagesS = $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(); + var txtRemove = 'Remove'; + if ( + typeof atbdp_params.action_remove != 'undefined' && + atbdp_params.action_remove != '' + ) { + txtRemove = atbdp_params.action_remove; + } + if (!imagesS) { + return; + } + var images = imagesS.split('::'); + for (var i = 0; i < images.length; i++) { + if (images[i] && images[i] != 'null') { + var img_arr = images[i].split('|'); + var image_url = img_arr[0]; + var image_id = img_arr[1]; + var image_title = img_arr[2]; + var image_caption = img_arr[3]; + var image_title_html = ''; + var image_caption_html = ''; - // fix undefined id - if (typeof image_id === 'undefined') { - image_id = ''; - } - // fix undefined title - if (typeof image_title === 'undefined') { - image_title = ''; - } - // fix undefined title - if (typeof image_caption === 'undefined') { - image_caption = ''; - } + // fix undefined id + if (typeof image_id === 'undefined') { + image_id = ''; + } + // fix undefined title + if (typeof image_title === 'undefined') { + image_title = ''; + } + // fix undefined title + if (typeof image_caption === 'undefined') { + image_caption = ''; + } - //Esc title and caption - image_title = atbdp_esc_entities(image_title); - image_caption = atbdp_esc_entities(image_caption); - var file_ext = image_url.substring(image_url.lastIndexOf('.') + 1); - file_ext = file_ext.split('?').shift(); // in case the image url has params - if (file_ext) { - file_ext = file_ext.toLowerCase(); - } - var fileNameIndex = image_url.lastIndexOf('/') + 1; - var dotIndex = image_url.lastIndexOf('.'); - if (dotIndex < fileNameIndex) { - continue; - } - var file_name = image_url.substr(fileNameIndex, dotIndex < fileNameIndex ? loc.length : dotIndex); - var file_display = ''; - var file_display_class = ''; - if (file_ext == 'jpg' || file_ext == 'jpe' || file_ext == 'jpeg' || file_ext == 'png' || file_ext == 'gif' || file_ext == 'bmp' || file_ext == 'ico') { - file_display = ''; - if (!!image_title.trim()) { - image_title_html = '' + image_title + ''; - } - if (!!image_caption.trim()) { - image_caption_html = '' + image_caption + ''; - } - } else { - var file_type_class = 'la-file'; - if (file_ext == 'pdf') { - file_type_class = 'la-file-pdf-o'; - } else if (file_ext == 'zip' || file_ext == 'tar') { - file_type_class = 'la-file-zip-o'; - } else if (file_ext == 'doc' || file_ext == 'odt') { - file_type_class = 'la-file-word-0'; - } else if (file_ext == 'txt' || file_ext == 'text') { - file_type_class = 'la-file-text-0'; - } else if (file_ext == 'csv' || file_ext == 'ods' || file_ext == 'ots') { - file_type_class = 'la-file-excel-0'; - } else if (file_ext == 'avi' || file_ext == 'mp4' || file_ext == 'mov') { - file_type_class = 'la-file-video-0'; - } - file_display_class = 'file-thumb'; - file_display = ''; - } - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/trash-alt.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var thumb = $('
    ' + image_title_html + file_display + image_caption_html + '
    ' + '' + iconHTML + '' + '
    ' + '
    '); - thumbsC.append(thumb); - thumb.find('.thumbremovelink').click(function () { - //console.log("plu_show_thumbs-thumbremovelink"); - if (jQuery('#' + imgId + 'plupload-upload-ui').hasClass('plupload-upload-uic-multiple')) { - totalImg--; // remove image from total - jQuery('#' + imgId + 'totImg').val(totalImg); - } - jQuery('#' + imgId + 'upload-error').html(''); - jQuery('#' + imgId + 'upload-error').removeClass('upload-error'); - var ki = $(this).attr('id').replace('thumbremovelink' + imgId, ''); - ki = parseInt(ki); - var kimages = []; - imagesS = $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(); - images = imagesS.split('::'); - for (var j = 0; j < images.length; j++) { - if (j != ki) { - kimages[kimages.length] = images[j]; - } - } - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - //console.log("plu_show_thumbs-thumbremovelink-run"); - plu_show_thumbs(imgId); - return false; - }); - } - } - if (images.length > 1) { - //console.log("plu_show_thumbs-sortable"); - thumbsC.sortable({ - update: function update(event, ui) { - var kimages = []; - thumbsC.find('.atbdp-file-info').each(function () { - kimages[kimages.length] = $(this).data('src') + '|' + $(this).data('id') + '|' + $(this).data('title') + '|' + $(this).data('caption'); - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - plu_show_thumbs(imgId); - //console.log("plu_show_thumbs-sortable-run"); - }); - } - }); - thumbsC.disableSelection(); - } + //Esc title and caption + image_title = atbdp_esc_entities(image_title); + image_caption = atbdp_esc_entities(image_caption); + var file_ext = image_url.substring( + image_url.lastIndexOf('.') + 1 + ); + file_ext = file_ext.split('?').shift(); // in case the image url has params + if (file_ext) { + file_ext = file_ext.toLowerCase(); + } + var fileNameIndex = image_url.lastIndexOf('/') + 1; + var dotIndex = image_url.lastIndexOf('.'); + if (dotIndex < fileNameIndex) { + continue; + } + var file_name = image_url.substr( + fileNameIndex, + dotIndex < fileNameIndex ? loc.length : dotIndex + ); + var file_display = ''; + var file_display_class = ''; + if ( + file_ext == 'jpg' || + file_ext == 'jpe' || + file_ext == 'jpeg' || + file_ext == 'png' || + file_ext == 'gif' || + file_ext == 'bmp' || + file_ext == 'ico' + ) { + file_display = + ''; + if (!!image_title.trim()) { + image_title_html = + '' + + image_title + + ''; + } + if (!!image_caption.trim()) { + image_caption_html = + '' + + image_caption + + ''; + } + } else { + var file_type_class = 'la-file'; + if (file_ext == 'pdf') { + file_type_class = 'la-file-pdf-o'; + } else if (file_ext == 'zip' || file_ext == 'tar') { + file_type_class = 'la-file-zip-o'; + } else if (file_ext == 'doc' || file_ext == 'odt') { + file_type_class = 'la-file-word-0'; + } else if (file_ext == 'txt' || file_ext == 'text') { + file_type_class = 'la-file-text-0'; + } else if ( + file_ext == 'csv' || + file_ext == 'ods' || + file_ext == 'ots' + ) { + file_type_class = 'la-file-excel-0'; + } else if ( + file_ext == 'avi' || + file_ext == 'mp4' || + file_ext == 'mov' + ) { + file_type_class = 'la-file-video-0'; + } + file_display_class = 'file-thumb'; + file_display = + ''; + } + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/trash-alt.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var thumb = $( + '
    ' + + image_title_html + + file_display + + image_caption_html + + '
    ' + + '' + + iconHTML + + '' + + '
    ' + + '
    ' + ); + thumbsC.append(thumb); + thumb.find('.thumbremovelink').click(function () { + //console.log("plu_show_thumbs-thumbremovelink"); + if ( + jQuery('#' + imgId + 'plupload-upload-ui').hasClass( + 'plupload-upload-uic-multiple' + ) + ) { + totalImg--; // remove image from total + jQuery('#' + imgId + 'totImg').val(totalImg); + } + jQuery('#' + imgId + 'upload-error').html(''); + jQuery('#' + imgId + 'upload-error').removeClass( + 'upload-error' + ); + var ki = $(this) + .attr('id') + .replace('thumbremovelink' + imgId, ''); + ki = parseInt(ki); + var kimages = []; + imagesS = $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(); + images = imagesS.split('::'); + for (var j = 0; j < images.length; j++) { + if (j != ki) { + kimages[kimages.length] = images[j]; + } + } + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + //console.log("plu_show_thumbs-thumbremovelink-run"); + plu_show_thumbs(imgId); + return false; + }); + } + } + if (images.length > 1) { + //console.log("plu_show_thumbs-sortable"); + thumbsC.sortable({ + update: function update(event, ui) { + var kimages = []; + thumbsC.find('.atbdp-file-info').each(function () { + kimages[kimages.length] = + $(this).data('src') + + '|' + + $(this).data('id') + + '|' + + $(this).data('title') + + '|' + + $(this).data('caption'); + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + plu_show_thumbs(imgId); + //console.log("plu_show_thumbs-sortable-run"); + }); + }, + }); + thumbsC.disableSelection(); + } - // we need to run the basics here. - //console.log("run basics"); + // we need to run the basics here. + //console.log("run basics"); - var kimages = []; - thumbsC.find('.atbdp-file-info').each(function () { - kimages[kimages.length] = $(this).data('src') + '|' + $(this).data('id') + '|' + $(this).data('title') + '|' + $(this).data('caption'); - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - }); -} -function gd_edit_image_meta(input, order_id) { - var imagesS = jQuery('#' + input.id, jQuery('#' + input.id + 'plupload-upload-ui').parent()).val(); - var images = imagesS.split('::'); - var img_arr = images[order_id].split('|'); - var image_title = img_arr[2]; - var image_caption = img_arr[3]; - var html = ''; - html = html + "
    "; // title value - html = html + "
    "; // caption value - html = html + "
    '; // caption value - jQuery('#atbdp-image-meta-input').html(html); - lity('#atbdp-image-meta-input'); -} -function gd_set_image_meta(input_id, order_id) { - //alert(order_id); - var imagesS = jQuery('#' + input_id, jQuery('#' + input_id + 'plupload-upload-ui').parent()).val(); - var images = imagesS.split('::'); - var img_arr = images[order_id].split('|'); - var image_url = img_arr[0]; - var image_id = img_arr[1]; - var image_title = atbdp_esc_entities(jQuery('#atbdp-image-meta-title').val()); - var image_caption = atbdp_esc_entities(jQuery('#atbdp-image-meta-caption').val()); - images[order_id] = image_url + '|' + image_id + '|' + image_title + '|' + image_caption; - imagesS = images.join('::'); - jQuery('#' + input_id, jQuery('#' + input_id + 'plupload-upload-ui').parent()).val(imagesS); - plu_show_thumbs(input_id); - jQuery('[data-lity-close]', window.parent.document).trigger('click'); -} -}(); -/******/ })() -; -//# sourceMappingURL=directorist-plupload.js.map \ No newline at end of file + var kimages = []; + thumbsC.find('.atbdp-file-info').each(function () { + kimages[kimages.length] = + $(this).data('src') + + '|' + + $(this).data('id') + + '|' + + $(this).data('title') + + '|' + + $(this).data('caption'); + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + }); + } + function gd_edit_image_meta(input, order_id) { + var imagesS = jQuery( + '#' + input.id, + jQuery('#' + input.id + 'plupload-upload-ui').parent() + ).val(); + var images = imagesS.split('::'); + var img_arr = images[order_id].split('|'); + var image_title = img_arr[2]; + var image_caption = img_arr[3]; + var html = ''; + html = + html + + "
    "; // title value + html = + html + + "
    "; // caption value + html = + html + + "
    '; // caption value + jQuery('#atbdp-image-meta-input').html(html); + lity('#atbdp-image-meta-input'); + } + function gd_set_image_meta(input_id, order_id) { + //alert(order_id); + var imagesS = jQuery( + '#' + input_id, + jQuery('#' + input_id + 'plupload-upload-ui').parent() + ).val(); + var images = imagesS.split('::'); + var img_arr = images[order_id].split('|'); + var image_url = img_arr[0]; + var image_id = img_arr[1]; + var image_title = atbdp_esc_entities( + jQuery('#atbdp-image-meta-title').val() + ); + var image_caption = atbdp_esc_entities( + jQuery('#atbdp-image-meta-caption').val() + ); + images[order_id] = + image_url + + '|' + + image_id + + '|' + + image_title + + '|' + + image_caption; + imagesS = images.join('::'); + jQuery( + '#' + input_id, + jQuery('#' + input_id + 'plupload-upload-ui').parent() + ).val(imagesS); + plu_show_thumbs(input_id); + jQuery('[data-lity-close]', window.parent.document).trigger( + 'click' + ); + } + })(); + /******/ +})(); +//# sourceMappingURL=directorist-plupload.js.map diff --git a/assets/js/global-main.js b/assets/js/global-main.js index c8336f2043..824427541e 100644 --- a/assets/js/global-main.js +++ b/assets/js/global-main.js @@ -1,1013 +1,1698 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!****************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=global-main.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + })(); + /******/ +})(); +//# sourceMappingURL=global-main.js.map diff --git a/assets/js/global-markerclusterer.js b/assets/js/global-markerclusterer.js index b44bb386fc..882c971690 100644 --- a/assets/js/global-markerclusterer.js +++ b/assets/js/global-markerclusterer.js @@ -1,1268 +1,1442 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!*************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!*************************************************************!*\ !*** ./assets/src/js/global/map-scripts/markerclusterer.js ***! \*************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -// ==ClosureCompiler== -// @compilation_level ADVANCED_OPTIMIZATIONS -// @externs_url http://closure-compiler.googlecode.com/svn/trunk/contrib/externs/maps/google_maps_api_v3_3.js -// ==/ClosureCompiler== - -/** - * @name MarkerClusterer for Google Maps v3 - * @version version 1.0 - * @author Luke Mahe - * @fileoverview - * The library creates and manages per-zoom-level clusters for large amounts of - * markers. - *
    - * This is a v3 implementation of the - * v2 MarkerClusterer. - */ - -/** - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -/** - * A Marker Clusterer that clusters markers. - * - * @param {google.maps.Map} map The Google map to attach to. - * @param {Array.=} opt_markers Optional markers to add to - * the cluster. - * @param {Object=} opt_options support the following options: - * 'gridSize': (number) The grid size of a cluster in pixels. - * 'maxZoom': (number) The maximum zoom level that a marker can be part of a - * cluster. - * 'zoomOnClick': (boolean) Whether the default behaviour of clicking on a - * cluster is to zoom into it. - * 'averageCenter': (boolean) Wether the center of each cluster should be - * the average of all markers in the cluster. - * 'minimumClusterSize': (number) The minimum number of markers to be in a - * cluster before the markers are hidden and a count - * is shown. - * 'styles': (object) An object that has style properties: - * 'url': (string) The image url. - * 'height': (number) The image height. - * 'width': (number) The image width. - * 'anchor': (Array) The anchor position of the label text. - * 'textColor': (string) The text color. - * 'textSize': (number) The text size. - * 'backgroundPosition': (string) The position of the background x, y. - * 'cssClass': (string) One or more CSS class for styling this marker. - * @constructor - * @extends google.maps.OverlayView - */ -function MarkerClusterer(map, opt_markers, opt_options) { - // MarkerClusterer implements google.maps.OverlayView interface. We use the - // extend function to extend MarkerClusterer with google.maps.OverlayView - // because it might not always be available when the code is defined so we - // look for it at the last possible moment. If it doesn't exist now then - // there is no point going ahead :) - this.extend(MarkerClusterer, google.maps.OverlayView); - this.map_ = map; - - /** - * @type {Array.} - * @private - */ - this.markers_ = []; - - /** - * @type {Array.} - */ - this.clusters_ = []; - this.sizes = [53, 56, 66, 78, 90]; - - /** - * @private - */ - this.styles_ = []; - - /** - * @private - */ - this.cssClass_ = ''; - - /** - * @type {boolean} - * @private - */ - this.ready_ = false; - var options = opt_options || {}; - - /** - * @type {number} - * @private - */ - this.gridSize_ = options['gridSize'] || 60; - - /** - * @private - */ - this.minClusterSize_ = options['minimumClusterSize'] || 2; - - /** - * @type {?number} - * @private - */ - this.maxZoom_ = options['maxZoom'] || null; - this.styles_ = options['styles'] || []; - this.cssClass_ = options['cssClass'] || null; - - /** - * @type {string} - * @private - */ - this.imagePath_ = options['imagePath'] || this.MARKER_CLUSTER_IMAGE_PATH_; - - /** - * @type {string} - * @private - */ - this.imageExtension_ = options['imageExtension'] || this.MARKER_CLUSTER_IMAGE_EXTENSION_; - - /** - * @type {boolean} - * @private - */ - this.zoomOnClick_ = true; - if (options['zoomOnClick'] != undefined) { - this.zoomOnClick_ = options['zoomOnClick']; - } - - /** - * @type {boolean} - * @private - */ - this.averageCenter_ = false; - if (options['averageCenter'] != undefined) { - this.averageCenter_ = options['averageCenter']; - } - this.setupStyles_(); - this.setMap(map); - - /** - * @type {number} - * @private - */ - this.prevZoom_ = this.map_.getZoom(); - - // Add the map event listeners - var that = this; - google.maps.event.addListener(this.map_, 'zoom_changed', function () { - var zoom = that.map_.getZoom(); - if (that.prevZoom_ != zoom) { - that.prevZoom_ = zoom; - that.resetViewport(); - } - }); - google.maps.event.addListener(this.map_, 'idle', function () { - that.redraw(); - }); - - // Finally, add the markers - if (opt_markers && opt_markers.length) { - this.addMarkers(opt_markers, false); - } -} - -/** - * The marker cluster image path. - * - * @type {string} - * @private - */ -MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ = 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' + 'images/m'; - -/** - * The marker cluster image path. - * - * @type {string} - * @private - */ -MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_EXTENSION_ = 'png'; - -/** - * Extends a objects prototype by anothers. - * - * @param {Object} obj1 The object to be extended. - * @param {Object} obj2 The object to extend with. - * @return {Object} The new extended object. - * @ignore - */ -MarkerClusterer.prototype.extend = function (obj1, obj2) { - return function (object) { - for (var property in object.prototype) { - this.prototype[property] = object.prototype[property]; - } - return this; - }.apply(obj1, [obj2]); -}; - -/** - * Implementaion of the interface method. - * @ignore - */ -MarkerClusterer.prototype.onAdd = function () { - this.setReady_(true); -}; - -/** - * Implementaion of the interface method. - * @ignore - */ -MarkerClusterer.prototype.draw = function () {}; - -/** - * Sets up the styles object. - * - * @private - */ -MarkerClusterer.prototype.setupStyles_ = function () { - if (this.styles_.length) { - return; - } - for (var i = 0, size; size = this.sizes[i]; i++) { - this.styles_.push({ - url: this.imagePath_ + (i + 1) + '.' + this.imageExtension_, - height: size, - width: size - }); - } -}; - -/** - * Fit the map to the bounds of the markers in the clusterer. - */ -MarkerClusterer.prototype.fitMapToMarkers = function () { - var markers = this.getMarkers(); - var bounds = new google.maps.LatLngBounds(); - for (var i = 0, marker; marker = markers[i]; i++) { - bounds.extend(marker.getPosition()); - } - this.map_.fitBounds(bounds); -}; - -/** - * Sets the styles. - * - * @param {Object} styles The style to set. - */ -MarkerClusterer.prototype.setStyles = function (styles) { - this.styles_ = styles; -}; - -/** - * Gets the styles. - * - * @return {Object} The styles object. - */ -MarkerClusterer.prototype.getStyles = function () { - return this.styles_; -}; - -/** - * Whether zoom on click is set. - * - * @return {boolean} True if zoomOnClick_ is set. - */ -MarkerClusterer.prototype.isZoomOnClick = function () { - return this.zoomOnClick_; -}; - -/** - * Whether average center is set. - * - * @return {boolean} True if averageCenter_ is set. - */ -MarkerClusterer.prototype.isAverageCenter = function () { - return this.averageCenter_; -}; - -/** - * Returns the array of markers in the clusterer. - * - * @return {Array.} The markers. - */ -MarkerClusterer.prototype.getMarkers = function () { - return this.markers_; -}; - -/** - * Returns the number of markers in the clusterer - * - * @return {Number} The number of markers. - */ -MarkerClusterer.prototype.getTotalMarkers = function () { - return this.markers_.length; -}; - -/** - * Sets the max zoom for the clusterer. - * - * @param {number} maxZoom The max zoom level. - */ -MarkerClusterer.prototype.setMaxZoom = function (maxZoom) { - this.maxZoom_ = maxZoom; -}; - -/** - * Gets the max zoom for the clusterer. - * - * @return {number} The max zoom level. - */ -MarkerClusterer.prototype.getMaxZoom = function () { - return this.maxZoom_; -}; - -/** - * The function for calculating the cluster icon image. - * - * @param {Array.} markers The markers in the clusterer. - * @param {number} numStyles The number of styles available. - * @return {Object} A object properties: 'text' (string) and 'index' (number). - * @private - */ -MarkerClusterer.prototype.calculator_ = function (markers, numStyles) { - var index = 0; - var count = markers.length; - var dv = count; - while (dv !== 0) { - dv = parseInt(dv / 10, 10); - index++; - } - index = Math.min(index, numStyles); - return { - text: count, - index: index - }; -}; - -/** - * Set the calculator function. - * - * @param {function(Array, number)} calculator The function to set as the - * calculator. The function should return a object properties: - * 'text' (string) and 'index' (number). - * - */ -MarkerClusterer.prototype.setCalculator = function (calculator) { - this.calculator_ = calculator; -}; - -/** - * Get the calculator function. - * - * @return {function(Array, number)} the calculator function. - */ -MarkerClusterer.prototype.getCalculator = function () { - return this.calculator_; -}; - -/** - * Add an array of markers to the clusterer. - * - * @param {Array.} markers The markers to add. - * @param {boolean=} opt_nodraw Whether to redraw the clusters. - */ -MarkerClusterer.prototype.addMarkers = function (markers, opt_nodraw) { - for (var i = 0, marker; marker = markers[i]; i++) { - this.pushMarkerTo_(marker); - } - if (!opt_nodraw) { - this.redraw(); - } -}; - -/** - * Pushes a marker to the clusterer. - * - * @param {google.maps.Marker} marker The marker to add. - * @private - */ -MarkerClusterer.prototype.pushMarkerTo_ = function (marker) { - marker.isAdded = false; - if (marker['draggable']) { - // If the marker is draggable add a listener so we update the clusters on - // the drag end. - var that = this; - google.maps.event.addListener(marker, 'dragend', function () { - marker.isAdded = false; - that.repaint(); - }); - } - this.markers_.push(marker); -}; - -/** - * Adds a marker to the clusterer and redraws if needed. - * - * @param {google.maps.Marker} marker The marker to add. - * @param {boolean=} opt_nodraw Whether to redraw the clusters. - */ -MarkerClusterer.prototype.addMarker = function (marker, opt_nodraw) { - this.pushMarkerTo_(marker); - if (!opt_nodraw) { - this.redraw(); - } -}; - -/** - * Removes a marker and returns true if removed, false if not - * - * @param {google.maps.Marker} marker The marker to remove - * @return {boolean} Whether the marker was removed or not - * @private - */ -MarkerClusterer.prototype.removeMarker_ = function (marker) { - var index = -1; - if (this.markers_.indexOf) { - index = this.markers_.indexOf(marker); - } else { - for (var i = 0, m; m = this.markers_[i]; i++) { - if (m == marker) { - index = i; - break; - } - } - } - if (index == -1) { - // Marker is not in our list of markers. - return false; - } - marker.setMap(null); - this.markers_.splice(index, 1); - return true; -}; - -/** - * Remove a marker from the cluster. - * - * @param {google.maps.Marker} marker The marker to remove. - * @param {boolean=} opt_nodraw Optional boolean to force no redraw. - * @return {boolean} True if the marker was removed. - */ -MarkerClusterer.prototype.removeMarker = function (marker, opt_nodraw) { - var removed = this.removeMarker_(marker); - if (!opt_nodraw && removed) { - this.resetViewport(); - this.redraw(); - return true; - } else { - return false; - } -}; - -/** - * Removes an array of markers from the cluster. - * - * @param {Array.} markers The markers to remove. - * @param {boolean=} opt_nodraw Optional boolean to force no redraw. - */ -MarkerClusterer.prototype.removeMarkers = function (markers, opt_nodraw) { - var removed = false; - for (var i = 0, marker; marker = markers[i]; i++) { - var r = this.removeMarker_(marker); - removed = removed || r; - } - if (!opt_nodraw && removed) { - this.resetViewport(); - this.redraw(); - return true; - } -}; - -/** - * Sets the clusterer's ready state. - * - * @param {boolean} ready The state. - * @private - */ -MarkerClusterer.prototype.setReady_ = function (ready) { - if (!this.ready_) { - this.ready_ = ready; - this.createClusters_(); - } -}; - -/** - * Returns the number of clusters in the clusterer. - * - * @return {number} The number of clusters. - */ -MarkerClusterer.prototype.getTotalClusters = function () { - return this.clusters_.length; -}; - -/** - * Returns the google map that the clusterer is associated with. - * - * @return {google.maps.Map} The map. - */ -MarkerClusterer.prototype.getMap = function () { - return this.map_; -}; - -/** - * Sets the google map that the clusterer is associated with. - * - * @param {google.maps.Map} map The map. - */ -MarkerClusterer.prototype.setMap = function (map) { - this.map_ = map; -}; - -/** - * Returns the size of the grid. - * - * @return {number} The grid size. - */ -MarkerClusterer.prototype.getGridSize = function () { - return this.gridSize_; -}; - -/** - * Sets the size of the grid. - * - * @param {number} size The grid size. - */ -MarkerClusterer.prototype.setGridSize = function (size) { - this.gridSize_ = size; -}; - -/** - * Returns the min cluster size. - * - * @return {number} The grid size. - */ -MarkerClusterer.prototype.getMinClusterSize = function () { - return this.minClusterSize_; -}; - -/** - * Sets the min cluster size. - * - * @param {number} size The grid size. - */ -MarkerClusterer.prototype.setMinClusterSize = function (size) { - this.minClusterSize_ = size; -}; - -/** - * Extends a bounds object by the grid size. - * - * @param {google.maps.LatLngBounds} bounds The bounds to extend. - * @return {google.maps.LatLngBounds} The extended bounds. - */ -MarkerClusterer.prototype.getExtendedBounds = function (bounds) { - var projection = this.getProjection(); - - // Turn the bounds into latlng. - var tr = new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng()); - var bl = new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng()); - - // Convert the points to pixels and the extend out by the grid size. - var trPix = projection.fromLatLngToDivPixel(tr); - trPix.x += this.gridSize_; - trPix.y -= this.gridSize_; - var blPix = projection.fromLatLngToDivPixel(bl); - blPix.x -= this.gridSize_; - blPix.y += this.gridSize_; - - // Convert the pixel points back to LatLng - var ne = projection.fromDivPixelToLatLng(trPix); - var sw = projection.fromDivPixelToLatLng(blPix); - - // Extend the bounds to contain the new bounds. - bounds.extend(ne); - bounds.extend(sw); - return bounds; -}; - -/** - * Determins if a marker is contained in a bounds. - * - * @param {google.maps.Marker} marker The marker to check. - * @param {google.maps.LatLngBounds} bounds The bounds to check against. - * @return {boolean} True if the marker is in the bounds. - * @private - */ -MarkerClusterer.prototype.isMarkerInBounds_ = function (marker, bounds) { - return bounds.contains(marker.getPosition()); -}; - -/** - * Clears all clusters and markers from the clusterer. - */ -MarkerClusterer.prototype.clearMarkers = function () { - this.resetViewport(true); - - // Set the markers a empty array. - this.markers_ = []; -}; - -/** - * Clears all existing clusters and recreates them. - * @param {boolean} opt_hide To also hide the marker. - */ -MarkerClusterer.prototype.resetViewport = function (opt_hide) { - // Remove all the clusters - for (var i = 0, cluster; cluster = this.clusters_[i]; i++) { - cluster.remove(); - } - - // Reset the markers to not be added and to be invisible. - for (var i = 0, marker; marker = this.markers_[i]; i++) { - marker.isAdded = false; - if (opt_hide) { - marker.setMap(null); - } - } - this.clusters_ = []; -}; - -/** - * - */ -MarkerClusterer.prototype.repaint = function () { - var oldClusters = this.clusters_.slice(); - this.clusters_.length = 0; - this.resetViewport(); - this.redraw(); - - // Remove the old clusters. - // Do it in a timeout so the other clusters have been drawn first. - window.setTimeout(function () { - for (var i = 0, cluster; cluster = oldClusters[i]; i++) { - cluster.remove(); - } - }, 0); -}; - -/** - * Redraws the clusters. - */ -MarkerClusterer.prototype.redraw = function () { - this.createClusters_(); -}; - -/** - * Calculates the distance between two latlng locations in km. - * @see http://www.movable-type.co.uk/scripts/latlong.html - * - * @param {google.maps.LatLng} p1 The first lat lng point. - * @param {google.maps.LatLng} p2 The second lat lng point. - * @return {number} The distance between the two points in km. - * @private - */ -MarkerClusterer.prototype.distanceBetweenPoints_ = function (p1, p2) { - if (!p1 || !p2) { - return 0; - } - var R = 6371; // Radius of the Earth in km - var dLat = (p2.lat() - p1.lat()) * Math.PI / 180; - var dLon = (p2.lng() - p1.lng()) * Math.PI / 180; - var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2); - var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); - var d = R * c; - return d; -}; - -/** - * Add a marker to a cluster, or creates a new cluster. - * - * @param {google.maps.Marker} marker The marker to add. - * @private - */ -MarkerClusterer.prototype.addToClosestCluster_ = function (marker) { - var distance = 40000; // Some large number - var clusterToAddTo = null; - var pos = marker.getPosition(); - for (var i = 0, cluster; cluster = this.clusters_[i]; i++) { - var center = cluster.getCenter(); - if (center) { - var d = this.distanceBetweenPoints_(center, marker.getPosition()); - if (d < distance) { - distance = d; - clusterToAddTo = cluster; - } - } - } - if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) { - clusterToAddTo.addMarker(marker); - } else { - var cluster = new Cluster(this); - cluster.addMarker(marker); - this.clusters_.push(cluster); - } -}; - -/** - * Creates the clusters. - * - * @private - */ -MarkerClusterer.prototype.createClusters_ = function () { - if (!this.ready_) { - return; - } - - // Get our current map view bounds. - // Create a new bounds object so we don't affect the map. - var mapBounds = new google.maps.LatLngBounds(this.map_.getBounds().getSouthWest(), this.map_.getBounds().getNorthEast()); - var bounds = this.getExtendedBounds(mapBounds); - for (var i = 0, marker; marker = this.markers_[i]; i++) { - if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) { - this.addToClosestCluster_(marker); - } - } -}; - -/** - * A cluster that contains markers. - * - * @param {MarkerClusterer} markerClusterer The markerclusterer that this - * cluster is associated with. - * @constructor - * @ignore - */ -function Cluster(markerClusterer) { - this.markerClusterer_ = markerClusterer; - this.map_ = markerClusterer.getMap(); - this.gridSize_ = markerClusterer.getGridSize(); - this.minClusterSize_ = markerClusterer.getMinClusterSize(); - this.averageCenter_ = markerClusterer.isAverageCenter(); - this.center_ = null; - this.markers_ = []; - this.bounds_ = null; - this.clusterIcon_ = new ClusterIcon(this, markerClusterer.getStyles(), markerClusterer.getGridSize()); -} - -/** - * Determins if a marker is already added to the cluster. - * - * @param {google.maps.Marker} marker The marker to check. - * @return {boolean} True if the marker is already added. - */ -Cluster.prototype.isMarkerAlreadyAdded = function (marker) { - if (this.markers_.indexOf) { - return this.markers_.indexOf(marker) != -1; - } else { - for (var i = 0, m; m = this.markers_[i]; i++) { - if (m == marker) { - return true; - } - } - } - return false; -}; - -/** - * Add a marker the cluster. - * - * @param {google.maps.Marker} marker The marker to add. - * @return {boolean} True if the marker was added. - */ -Cluster.prototype.addMarker = function (marker) { - if (this.isMarkerAlreadyAdded(marker)) { - return false; - } - if (!this.center_) { - this.center_ = marker.getPosition(); - this.calculateBounds_(); - } else { - if (this.averageCenter_) { - var l = this.markers_.length + 1; - var lat = (this.center_.lat() * (l - 1) + marker.getPosition().lat()) / l; - var lng = (this.center_.lng() * (l - 1) + marker.getPosition().lng()) / l; - this.center_ = new google.maps.LatLng(lat, lng); - this.calculateBounds_(); - } - } - marker.isAdded = true; - this.markers_.push(marker); - var len = this.markers_.length; - if (len < this.minClusterSize_ && marker.getMap() != this.map_) { - // Min cluster size not reached so show the marker. - marker.setMap(this.map_); - } - if (len == this.minClusterSize_) { - // Hide the markers that were showing. - for (var i = 0; i < len; i++) { - this.markers_[i].setMap(null); - } - } - if (len >= this.minClusterSize_) { - marker.setMap(null); - } - this.updateIcon(); - return true; -}; - -/** - * Returns the marker clusterer that the cluster is associated with. - * - * @return {MarkerClusterer} The associated marker clusterer. - */ -Cluster.prototype.getMarkerClusterer = function () { - return this.markerClusterer_; -}; - -/** - * Returns the bounds of the cluster. - * - * @return {google.maps.LatLngBounds} the cluster bounds. - */ -Cluster.prototype.getBounds = function () { - var bounds = new google.maps.LatLngBounds(this.center_, this.center_); - var markers = this.getMarkers(); - for (var i = 0, marker; marker = markers[i]; i++) { - bounds.extend(marker.getPosition()); - } - return bounds; -}; - -/** - * Removes the cluster - */ -Cluster.prototype.remove = function () { - this.clusterIcon_.remove(); - this.markers_.length = 0; - delete this.markers_; -}; - -/** - * Returns the center of the cluster. - * - * @return {number} The cluster center. - */ -Cluster.prototype.getSize = function () { - return this.markers_.length; -}; - -/** - * Returns the center of the cluster. - * - * @return {Array.} The cluster center. - */ -Cluster.prototype.getMarkers = function () { - return this.markers_; -}; - -/** - * Returns the center of the cluster. - * - * @return {google.maps.LatLng} The cluster center. - */ -Cluster.prototype.getCenter = function () { - return this.center_; -}; - -/** - * Calculated the extended bounds of the cluster with the grid. - * - * @private - */ -Cluster.prototype.calculateBounds_ = function () { - var bounds = new google.maps.LatLngBounds(this.center_, this.center_); - this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds); -}; - -/** - * Determines if a marker lies in the clusters bounds. - * - * @param {google.maps.Marker} marker The marker to check. - * @return {boolean} True if the marker lies in the bounds. - */ -Cluster.prototype.isMarkerInClusterBounds = function (marker) { - return this.bounds_.contains(marker.getPosition()); -}; - -/** - * Returns the map that the cluster is associated with. - * - * @return {google.maps.Map} The map. - */ -Cluster.prototype.getMap = function () { - return this.map_; -}; - -/** - * Updates the cluster icon - */ -Cluster.prototype.updateIcon = function () { - var zoom = this.map_.getZoom(); - var mz = this.markerClusterer_.getMaxZoom(); - if (mz && zoom > mz) { - // The zoom is greater than our max zoom so show all the markers in cluster. - for (var i = 0, marker; marker = this.markers_[i]; i++) { - marker.setMap(this.map_); - } - return; - } - if (this.markers_.length < this.minClusterSize_) { - // Min cluster size not yet reached. - this.clusterIcon_.hide(); - return; - } - var numStyles = this.markerClusterer_.getStyles().length; - var sums = this.markerClusterer_.getCalculator()(this.markers_, numStyles); - this.clusterIcon_.setCenter(this.center_); - this.clusterIcon_.setSums(sums); - this.clusterIcon_.show(); -}; - -/** - * A cluster icon - * - * @param {Cluster} cluster The cluster to be associated with. - * @param {Object} styles An object that has style properties: - * 'url': (string) The image url. - * 'height': (number) The image height. - * 'width': (number) The image width. - * 'anchor': (Array) The anchor position of the label text. - * 'textColor': (string) The text color. - * 'textSize': (number) The text size. - * 'backgroundPosition: (string) The background postition x, y. - * @param {number=} opt_padding Optional padding to apply to the cluster icon. - * @constructor - * @extends google.maps.OverlayView - * @ignore - */ -function ClusterIcon(cluster, styles, opt_padding) { - cluster.getMarkerClusterer().extend(ClusterIcon, google.maps.OverlayView); - this.styles_ = styles; - this.padding_ = opt_padding || 0; - this.cluster_ = cluster; - this.center_ = null; - this.map_ = cluster.getMap(); - this.div_ = null; - this.sums_ = null; - this.visible_ = false; - this.setMap(this.map_); -} - -/** - * Triggers the clusterclick event and zoom's if the option is set. - */ -ClusterIcon.prototype.triggerClusterClick = function () { - var markerClusterer = this.cluster_.getMarkerClusterer(); - - // Trigger the clusterclick event. - google.maps.event.trigger(markerClusterer, 'clusterclick', this.cluster_); - if (markerClusterer.isZoomOnClick()) { - // Zoom into the cluster. - this.map_.fitBounds(this.cluster_.getBounds()); - } -}; - -/** - * Adding the cluster icon to the dom. - * @ignore - */ -ClusterIcon.prototype.onAdd = function () { - this.div_ = document.createElement('DIV'); - if (this.visible_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.cssText = this.createCss(pos); - this.div_.innerHTML = this.sums_.text; - var markerClusterer = this.cluster_.getMarkerClusterer(); - if (markerClusterer.cssClass_) { - this.div_.className = markerClusterer.cssClass_; - } - } - var panes = this.getPanes(); - panes.overlayMouseTarget.appendChild(this.div_); - var that = this; - google.maps.event.addDomListener(this.div_, 'click', function () { - that.triggerClusterClick(); - }); -}; - -/** - * Returns the position to place the div dending on the latlng. - * - * @param {google.maps.LatLng} latlng The position in latlng. - * @return {google.maps.Point} The position in pixels. - * @private - */ -ClusterIcon.prototype.getPosFromLatLng_ = function (latlng) { - var pos = this.getProjection().fromLatLngToDivPixel(latlng); - pos.x -= parseInt(this.width_ / 2, 10); - pos.y -= parseInt(this.height_ / 2, 10); - return pos; -}; - -/** - * Draw the icon. - * @ignore - */ -ClusterIcon.prototype.draw = function () { - if (this.visible_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.top = pos.y + 'px'; - this.div_.style.left = pos.x + 'px'; - } -}; - -/** - * Hide the icon. - */ -ClusterIcon.prototype.hide = function () { - if (this.div_) { - this.div_.style.display = 'none'; - } - this.visible_ = false; -}; - -/** - * Position and show the icon. - */ -ClusterIcon.prototype.show = function () { - if (this.div_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.cssText = this.createCss(pos); - this.div_.style.display = ''; - } - this.visible_ = true; -}; - -/** - * Remove the icon from the map - */ -ClusterIcon.prototype.remove = function () { - this.setMap(null); -}; - -/** - * Implementation of the onRemove interface. - * @ignore - */ -ClusterIcon.prototype.onRemove = function () { - if (this.div_ && this.div_.parentNode) { - this.hide(); - this.div_.parentNode.removeChild(this.div_); - this.div_ = null; - } -}; - -/** - * Set the sums of the icon. - * - * @param {Object} sums The sums containing: - * 'text': (string) The text to display in the icon. - * 'index': (number) The style index of the icon. - */ -ClusterIcon.prototype.setSums = function (sums) { - this.sums_ = sums; - this.text_ = sums.text; - this.index_ = sums.index; - if (this.div_) { - this.div_.innerHTML = sums.text; - } - this.useStyle(); -}; - -/** - * Sets the icon to the the styles. - */ -ClusterIcon.prototype.useStyle = function () { - var index = Math.max(0, this.sums_.index - 1); - index = Math.min(this.styles_.length - 1, index); - var style = this.styles_[index]; - this.url_ = style['url']; - this.height_ = style['height']; - this.width_ = style['width']; - this.textColor_ = style['textColor']; - this.anchor_ = style['anchor']; - this.textSize_ = style['textSize']; - this.backgroundPosition_ = style['backgroundPosition']; -}; - -/** - * Sets the center of the icon. - * - * @param {google.maps.LatLng} center The latlng to set as the center. - */ -ClusterIcon.prototype.setCenter = function (center) { - this.center_ = center; -}; - -/** - * Create the css text based on the position of the icon. - * - * @param {google.maps.Point} pos The position. - * @return {string} The css style text. - */ -ClusterIcon.prototype.createCss = function (pos) { - var style = []; - var markerClusterer = this.cluster_.getMarkerClusterer(); - if (!markerClusterer.cssClass_) { - style.push('background-image:url(' + this.url_ + ');'); - var backgroundPosition = this.backgroundPosition_ ? this.backgroundPosition_ : '0 0'; - style.push('background-position:' + backgroundPosition + ';'); - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(this.anchor_) === 'object') { - if (typeof this.anchor_[0] === 'number' && this.anchor_[0] > 0 && this.anchor_[0] < this.height_) { - style.push('height:' + (this.height_ - this.anchor_[0]) + 'px; padding-top:' + this.anchor_[0] + 'px;'); - } else { - style.push('height:' + this.height_ + 'px; line-height:' + this.height_ + 'px;'); - } - if (typeof this.anchor_[1] === 'number' && this.anchor_[1] > 0 && this.anchor_[1] < this.width_) { - style.push('width:' + (this.width_ - this.anchor_[1]) + 'px; padding-left:' + this.anchor_[1] + 'px;'); - } else { - style.push('width:' + this.width_ + 'px; text-align:center;'); - } - } else { - style.push('height:' + this.height_ + 'px; line-height:' + this.height_ + 'px; width:' + this.width_ + 'px; text-align:center;'); - } - var txtColor = this.textColor_ ? this.textColor_ : 'black'; - var txtSize = this.textSize_ ? this.textSize_ : 11; - style.push('cursor:pointer; color:' + txtColor + '; position:absolute; font-size:' + txtSize + 'px; font-family:Arial,sans-serif; font-weight:bold'); - } else { - style.push('top:' + pos.y + 'px; left:' + pos.x + 'px;'); - } - return style.join(''); -}; - -// Export Symbols for Closure -// If you are not going to compile with closure then you can remove the -// code below. -window['MarkerClusterer'] = MarkerClusterer; -MarkerClusterer.prototype['addMarker'] = MarkerClusterer.prototype.addMarker; -MarkerClusterer.prototype['addMarkers'] = MarkerClusterer.prototype.addMarkers; -MarkerClusterer.prototype['clearMarkers'] = MarkerClusterer.prototype.clearMarkers; -MarkerClusterer.prototype['fitMapToMarkers'] = MarkerClusterer.prototype.fitMapToMarkers; -MarkerClusterer.prototype['getCalculator'] = MarkerClusterer.prototype.getCalculator; -MarkerClusterer.prototype['getGridSize'] = MarkerClusterer.prototype.getGridSize; -MarkerClusterer.prototype['getExtendedBounds'] = MarkerClusterer.prototype.getExtendedBounds; -MarkerClusterer.prototype['getMap'] = MarkerClusterer.prototype.getMap; -MarkerClusterer.prototype['getMarkers'] = MarkerClusterer.prototype.getMarkers; -MarkerClusterer.prototype['getMaxZoom'] = MarkerClusterer.prototype.getMaxZoom; -MarkerClusterer.prototype['getStyles'] = MarkerClusterer.prototype.getStyles; -MarkerClusterer.prototype['getTotalClusters'] = MarkerClusterer.prototype.getTotalClusters; -MarkerClusterer.prototype['getTotalMarkers'] = MarkerClusterer.prototype.getTotalMarkers; -MarkerClusterer.prototype['redraw'] = MarkerClusterer.prototype.redraw; -MarkerClusterer.prototype['removeMarker'] = MarkerClusterer.prototype.removeMarker; -MarkerClusterer.prototype['removeMarkers'] = MarkerClusterer.prototype.removeMarkers; -MarkerClusterer.prototype['resetViewport'] = MarkerClusterer.prototype.resetViewport; -MarkerClusterer.prototype['repaint'] = MarkerClusterer.prototype.repaint; -MarkerClusterer.prototype['setCalculator'] = MarkerClusterer.prototype.setCalculator; -MarkerClusterer.prototype['setGridSize'] = MarkerClusterer.prototype.setGridSize; -MarkerClusterer.prototype['setMaxZoom'] = MarkerClusterer.prototype.setMaxZoom; -MarkerClusterer.prototype['onAdd'] = MarkerClusterer.prototype.onAdd; -MarkerClusterer.prototype['draw'] = MarkerClusterer.prototype.draw; -Cluster.prototype['getCenter'] = Cluster.prototype.getCenter; -Cluster.prototype['getSize'] = Cluster.prototype.getSize; -Cluster.prototype['getMarkers'] = Cluster.prototype.getMarkers; -ClusterIcon.prototype['onAdd'] = ClusterIcon.prototype.onAdd; -ClusterIcon.prototype['draw'] = ClusterIcon.prototype.draw; -ClusterIcon.prototype['onRemove'] = ClusterIcon.prototype.onRemove; -}(); -/******/ })() -; -//# sourceMappingURL=global-markerclusterer.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + // ==ClosureCompiler== + // @compilation_level ADVANCED_OPTIMIZATIONS + // @externs_url http://closure-compiler.googlecode.com/svn/trunk/contrib/externs/maps/google_maps_api_v3_3.js + // ==/ClosureCompiler== + + /** + * @name MarkerClusterer for Google Maps v3 + * @version version 1.0 + * @author Luke Mahe + * @fileoverview + * The library creates and manages per-zoom-level clusters for large amounts of + * markers. + *
    + * This is a v3 implementation of the + * v2 MarkerClusterer. + */ + + /** + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + /** + * A Marker Clusterer that clusters markers. + * + * @param {google.maps.Map} map The Google map to attach to. + * @param {Array.=} opt_markers Optional markers to add to + * the cluster. + * @param {Object=} opt_options support the following options: + * 'gridSize': (number) The grid size of a cluster in pixels. + * 'maxZoom': (number) The maximum zoom level that a marker can be part of a + * cluster. + * 'zoomOnClick': (boolean) Whether the default behaviour of clicking on a + * cluster is to zoom into it. + * 'averageCenter': (boolean) Wether the center of each cluster should be + * the average of all markers in the cluster. + * 'minimumClusterSize': (number) The minimum number of markers to be in a + * cluster before the markers are hidden and a count + * is shown. + * 'styles': (object) An object that has style properties: + * 'url': (string) The image url. + * 'height': (number) The image height. + * 'width': (number) The image width. + * 'anchor': (Array) The anchor position of the label text. + * 'textColor': (string) The text color. + * 'textSize': (number) The text size. + * 'backgroundPosition': (string) The position of the background x, y. + * 'cssClass': (string) One or more CSS class for styling this marker. + * @constructor + * @extends google.maps.OverlayView + */ + function MarkerClusterer(map, opt_markers, opt_options) { + // MarkerClusterer implements google.maps.OverlayView interface. We use the + // extend function to extend MarkerClusterer with google.maps.OverlayView + // because it might not always be available when the code is defined so we + // look for it at the last possible moment. If it doesn't exist now then + // there is no point going ahead :) + this.extend(MarkerClusterer, google.maps.OverlayView); + this.map_ = map; + + /** + * @type {Array.} + * @private + */ + this.markers_ = []; + + /** + * @type {Array.} + */ + this.clusters_ = []; + this.sizes = [53, 56, 66, 78, 90]; + + /** + * @private + */ + this.styles_ = []; + + /** + * @private + */ + this.cssClass_ = ''; + + /** + * @type {boolean} + * @private + */ + this.ready_ = false; + var options = opt_options || {}; + + /** + * @type {number} + * @private + */ + this.gridSize_ = options['gridSize'] || 60; + + /** + * @private + */ + this.minClusterSize_ = options['minimumClusterSize'] || 2; + + /** + * @type {?number} + * @private + */ + this.maxZoom_ = options['maxZoom'] || null; + this.styles_ = options['styles'] || []; + this.cssClass_ = options['cssClass'] || null; + + /** + * @type {string} + * @private + */ + this.imagePath_ = + options['imagePath'] || this.MARKER_CLUSTER_IMAGE_PATH_; + + /** + * @type {string} + * @private + */ + this.imageExtension_ = + options['imageExtension'] || + this.MARKER_CLUSTER_IMAGE_EXTENSION_; + + /** + * @type {boolean} + * @private + */ + this.zoomOnClick_ = true; + if (options['zoomOnClick'] != undefined) { + this.zoomOnClick_ = options['zoomOnClick']; + } + + /** + * @type {boolean} + * @private + */ + this.averageCenter_ = false; + if (options['averageCenter'] != undefined) { + this.averageCenter_ = options['averageCenter']; + } + this.setupStyles_(); + this.setMap(map); + + /** + * @type {number} + * @private + */ + this.prevZoom_ = this.map_.getZoom(); + + // Add the map event listeners + var that = this; + google.maps.event.addListener( + this.map_, + 'zoom_changed', + function () { + var zoom = that.map_.getZoom(); + if (that.prevZoom_ != zoom) { + that.prevZoom_ = zoom; + that.resetViewport(); + } + } + ); + google.maps.event.addListener(this.map_, 'idle', function () { + that.redraw(); + }); + + // Finally, add the markers + if (opt_markers && opt_markers.length) { + this.addMarkers(opt_markers, false); + } + } + + /** + * The marker cluster image path. + * + * @type {string} + * @private + */ + MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ = + 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' + + 'images/m'; + + /** + * The marker cluster image path. + * + * @type {string} + * @private + */ + MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_EXTENSION_ = 'png'; + + /** + * Extends a objects prototype by anothers. + * + * @param {Object} obj1 The object to be extended. + * @param {Object} obj2 The object to extend with. + * @return {Object} The new extended object. + * @ignore + */ + MarkerClusterer.prototype.extend = function (obj1, obj2) { + return function (object) { + for (var property in object.prototype) { + this.prototype[property] = object.prototype[property]; + } + return this; + }.apply(obj1, [obj2]); + }; + + /** + * Implementaion of the interface method. + * @ignore + */ + MarkerClusterer.prototype.onAdd = function () { + this.setReady_(true); + }; + + /** + * Implementaion of the interface method. + * @ignore + */ + MarkerClusterer.prototype.draw = function () {}; + + /** + * Sets up the styles object. + * + * @private + */ + MarkerClusterer.prototype.setupStyles_ = function () { + if (this.styles_.length) { + return; + } + for (var i = 0, size; (size = this.sizes[i]); i++) { + this.styles_.push({ + url: this.imagePath_ + (i + 1) + '.' + this.imageExtension_, + height: size, + width: size, + }); + } + }; + + /** + * Fit the map to the bounds of the markers in the clusterer. + */ + MarkerClusterer.prototype.fitMapToMarkers = function () { + var markers = this.getMarkers(); + var bounds = new google.maps.LatLngBounds(); + for (var i = 0, marker; (marker = markers[i]); i++) { + bounds.extend(marker.getPosition()); + } + this.map_.fitBounds(bounds); + }; + + /** + * Sets the styles. + * + * @param {Object} styles The style to set. + */ + MarkerClusterer.prototype.setStyles = function (styles) { + this.styles_ = styles; + }; + + /** + * Gets the styles. + * + * @return {Object} The styles object. + */ + MarkerClusterer.prototype.getStyles = function () { + return this.styles_; + }; + + /** + * Whether zoom on click is set. + * + * @return {boolean} True if zoomOnClick_ is set. + */ + MarkerClusterer.prototype.isZoomOnClick = function () { + return this.zoomOnClick_; + }; + + /** + * Whether average center is set. + * + * @return {boolean} True if averageCenter_ is set. + */ + MarkerClusterer.prototype.isAverageCenter = function () { + return this.averageCenter_; + }; + + /** + * Returns the array of markers in the clusterer. + * + * @return {Array.} The markers. + */ + MarkerClusterer.prototype.getMarkers = function () { + return this.markers_; + }; + + /** + * Returns the number of markers in the clusterer + * + * @return {Number} The number of markers. + */ + MarkerClusterer.prototype.getTotalMarkers = function () { + return this.markers_.length; + }; + + /** + * Sets the max zoom for the clusterer. + * + * @param {number} maxZoom The max zoom level. + */ + MarkerClusterer.prototype.setMaxZoom = function (maxZoom) { + this.maxZoom_ = maxZoom; + }; + + /** + * Gets the max zoom for the clusterer. + * + * @return {number} The max zoom level. + */ + MarkerClusterer.prototype.getMaxZoom = function () { + return this.maxZoom_; + }; + + /** + * The function for calculating the cluster icon image. + * + * @param {Array.} markers The markers in the clusterer. + * @param {number} numStyles The number of styles available. + * @return {Object} A object properties: 'text' (string) and 'index' (number). + * @private + */ + MarkerClusterer.prototype.calculator_ = function (markers, numStyles) { + var index = 0; + var count = markers.length; + var dv = count; + while (dv !== 0) { + dv = parseInt(dv / 10, 10); + index++; + } + index = Math.min(index, numStyles); + return { + text: count, + index: index, + }; + }; + + /** + * Set the calculator function. + * + * @param {function(Array, number)} calculator The function to set as the + * calculator. The function should return a object properties: + * 'text' (string) and 'index' (number). + * + */ + MarkerClusterer.prototype.setCalculator = function (calculator) { + this.calculator_ = calculator; + }; + + /** + * Get the calculator function. + * + * @return {function(Array, number)} the calculator function. + */ + MarkerClusterer.prototype.getCalculator = function () { + return this.calculator_; + }; + + /** + * Add an array of markers to the clusterer. + * + * @param {Array.} markers The markers to add. + * @param {boolean=} opt_nodraw Whether to redraw the clusters. + */ + MarkerClusterer.prototype.addMarkers = function (markers, opt_nodraw) { + for (var i = 0, marker; (marker = markers[i]); i++) { + this.pushMarkerTo_(marker); + } + if (!opt_nodraw) { + this.redraw(); + } + }; + + /** + * Pushes a marker to the clusterer. + * + * @param {google.maps.Marker} marker The marker to add. + * @private + */ + MarkerClusterer.prototype.pushMarkerTo_ = function (marker) { + marker.isAdded = false; + if (marker['draggable']) { + // If the marker is draggable add a listener so we update the clusters on + // the drag end. + var that = this; + google.maps.event.addListener(marker, 'dragend', function () { + marker.isAdded = false; + that.repaint(); + }); + } + this.markers_.push(marker); + }; + + /** + * Adds a marker to the clusterer and redraws if needed. + * + * @param {google.maps.Marker} marker The marker to add. + * @param {boolean=} opt_nodraw Whether to redraw the clusters. + */ + MarkerClusterer.prototype.addMarker = function (marker, opt_nodraw) { + this.pushMarkerTo_(marker); + if (!opt_nodraw) { + this.redraw(); + } + }; + + /** + * Removes a marker and returns true if removed, false if not + * + * @param {google.maps.Marker} marker The marker to remove + * @return {boolean} Whether the marker was removed or not + * @private + */ + MarkerClusterer.prototype.removeMarker_ = function (marker) { + var index = -1; + if (this.markers_.indexOf) { + index = this.markers_.indexOf(marker); + } else { + for (var i = 0, m; (m = this.markers_[i]); i++) { + if (m == marker) { + index = i; + break; + } + } + } + if (index == -1) { + // Marker is not in our list of markers. + return false; + } + marker.setMap(null); + this.markers_.splice(index, 1); + return true; + }; + + /** + * Remove a marker from the cluster. + * + * @param {google.maps.Marker} marker The marker to remove. + * @param {boolean=} opt_nodraw Optional boolean to force no redraw. + * @return {boolean} True if the marker was removed. + */ + MarkerClusterer.prototype.removeMarker = function (marker, opt_nodraw) { + var removed = this.removeMarker_(marker); + if (!opt_nodraw && removed) { + this.resetViewport(); + this.redraw(); + return true; + } else { + return false; + } + }; + + /** + * Removes an array of markers from the cluster. + * + * @param {Array.} markers The markers to remove. + * @param {boolean=} opt_nodraw Optional boolean to force no redraw. + */ + MarkerClusterer.prototype.removeMarkers = function ( + markers, + opt_nodraw + ) { + var removed = false; + for (var i = 0, marker; (marker = markers[i]); i++) { + var r = this.removeMarker_(marker); + removed = removed || r; + } + if (!opt_nodraw && removed) { + this.resetViewport(); + this.redraw(); + return true; + } + }; + + /** + * Sets the clusterer's ready state. + * + * @param {boolean} ready The state. + * @private + */ + MarkerClusterer.prototype.setReady_ = function (ready) { + if (!this.ready_) { + this.ready_ = ready; + this.createClusters_(); + } + }; + + /** + * Returns the number of clusters in the clusterer. + * + * @return {number} The number of clusters. + */ + MarkerClusterer.prototype.getTotalClusters = function () { + return this.clusters_.length; + }; + + /** + * Returns the google map that the clusterer is associated with. + * + * @return {google.maps.Map} The map. + */ + MarkerClusterer.prototype.getMap = function () { + return this.map_; + }; + + /** + * Sets the google map that the clusterer is associated with. + * + * @param {google.maps.Map} map The map. + */ + MarkerClusterer.prototype.setMap = function (map) { + this.map_ = map; + }; + + /** + * Returns the size of the grid. + * + * @return {number} The grid size. + */ + MarkerClusterer.prototype.getGridSize = function () { + return this.gridSize_; + }; + + /** + * Sets the size of the grid. + * + * @param {number} size The grid size. + */ + MarkerClusterer.prototype.setGridSize = function (size) { + this.gridSize_ = size; + }; + + /** + * Returns the min cluster size. + * + * @return {number} The grid size. + */ + MarkerClusterer.prototype.getMinClusterSize = function () { + return this.minClusterSize_; + }; + + /** + * Sets the min cluster size. + * + * @param {number} size The grid size. + */ + MarkerClusterer.prototype.setMinClusterSize = function (size) { + this.minClusterSize_ = size; + }; + + /** + * Extends a bounds object by the grid size. + * + * @param {google.maps.LatLngBounds} bounds The bounds to extend. + * @return {google.maps.LatLngBounds} The extended bounds. + */ + MarkerClusterer.prototype.getExtendedBounds = function (bounds) { + var projection = this.getProjection(); + + // Turn the bounds into latlng. + var tr = new google.maps.LatLng( + bounds.getNorthEast().lat(), + bounds.getNorthEast().lng() + ); + var bl = new google.maps.LatLng( + bounds.getSouthWest().lat(), + bounds.getSouthWest().lng() + ); + + // Convert the points to pixels and the extend out by the grid size. + var trPix = projection.fromLatLngToDivPixel(tr); + trPix.x += this.gridSize_; + trPix.y -= this.gridSize_; + var blPix = projection.fromLatLngToDivPixel(bl); + blPix.x -= this.gridSize_; + blPix.y += this.gridSize_; + + // Convert the pixel points back to LatLng + var ne = projection.fromDivPixelToLatLng(trPix); + var sw = projection.fromDivPixelToLatLng(blPix); + + // Extend the bounds to contain the new bounds. + bounds.extend(ne); + bounds.extend(sw); + return bounds; + }; + + /** + * Determins if a marker is contained in a bounds. + * + * @param {google.maps.Marker} marker The marker to check. + * @param {google.maps.LatLngBounds} bounds The bounds to check against. + * @return {boolean} True if the marker is in the bounds. + * @private + */ + MarkerClusterer.prototype.isMarkerInBounds_ = function ( + marker, + bounds + ) { + return bounds.contains(marker.getPosition()); + }; + + /** + * Clears all clusters and markers from the clusterer. + */ + MarkerClusterer.prototype.clearMarkers = function () { + this.resetViewport(true); + + // Set the markers a empty array. + this.markers_ = []; + }; + + /** + * Clears all existing clusters and recreates them. + * @param {boolean} opt_hide To also hide the marker. + */ + MarkerClusterer.prototype.resetViewport = function (opt_hide) { + // Remove all the clusters + for (var i = 0, cluster; (cluster = this.clusters_[i]); i++) { + cluster.remove(); + } + + // Reset the markers to not be added and to be invisible. + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + marker.isAdded = false; + if (opt_hide) { + marker.setMap(null); + } + } + this.clusters_ = []; + }; + + /** + * + */ + MarkerClusterer.prototype.repaint = function () { + var oldClusters = this.clusters_.slice(); + this.clusters_.length = 0; + this.resetViewport(); + this.redraw(); + + // Remove the old clusters. + // Do it in a timeout so the other clusters have been drawn first. + window.setTimeout(function () { + for (var i = 0, cluster; (cluster = oldClusters[i]); i++) { + cluster.remove(); + } + }, 0); + }; + + /** + * Redraws the clusters. + */ + MarkerClusterer.prototype.redraw = function () { + this.createClusters_(); + }; + + /** + * Calculates the distance between two latlng locations in km. + * @see http://www.movable-type.co.uk/scripts/latlong.html + * + * @param {google.maps.LatLng} p1 The first lat lng point. + * @param {google.maps.LatLng} p2 The second lat lng point. + * @return {number} The distance between the two points in km. + * @private + */ + MarkerClusterer.prototype.distanceBetweenPoints_ = function (p1, p2) { + if (!p1 || !p2) { + return 0; + } + var R = 6371; // Radius of the Earth in km + var dLat = ((p2.lat() - p1.lat()) * Math.PI) / 180; + var dLon = ((p2.lng() - p1.lng()) * Math.PI) / 180; + var a = + Math.sin(dLat / 2) * Math.sin(dLat / 2) + + Math.cos((p1.lat() * Math.PI) / 180) * + Math.cos((p2.lat() * Math.PI) / 180) * + Math.sin(dLon / 2) * + Math.sin(dLon / 2); + var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); + var d = R * c; + return d; + }; + + /** + * Add a marker to a cluster, or creates a new cluster. + * + * @param {google.maps.Marker} marker The marker to add. + * @private + */ + MarkerClusterer.prototype.addToClosestCluster_ = function (marker) { + var distance = 40000; // Some large number + var clusterToAddTo = null; + var pos = marker.getPosition(); + for (var i = 0, cluster; (cluster = this.clusters_[i]); i++) { + var center = cluster.getCenter(); + if (center) { + var d = this.distanceBetweenPoints_( + center, + marker.getPosition() + ); + if (d < distance) { + distance = d; + clusterToAddTo = cluster; + } + } + } + if ( + clusterToAddTo && + clusterToAddTo.isMarkerInClusterBounds(marker) + ) { + clusterToAddTo.addMarker(marker); + } else { + var cluster = new Cluster(this); + cluster.addMarker(marker); + this.clusters_.push(cluster); + } + }; + + /** + * Creates the clusters. + * + * @private + */ + MarkerClusterer.prototype.createClusters_ = function () { + if (!this.ready_) { + return; + } + + // Get our current map view bounds. + // Create a new bounds object so we don't affect the map. + var mapBounds = new google.maps.LatLngBounds( + this.map_.getBounds().getSouthWest(), + this.map_.getBounds().getNorthEast() + ); + var bounds = this.getExtendedBounds(mapBounds); + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) { + this.addToClosestCluster_(marker); + } + } + }; + + /** + * A cluster that contains markers. + * + * @param {MarkerClusterer} markerClusterer The markerclusterer that this + * cluster is associated with. + * @constructor + * @ignore + */ + function Cluster(markerClusterer) { + this.markerClusterer_ = markerClusterer; + this.map_ = markerClusterer.getMap(); + this.gridSize_ = markerClusterer.getGridSize(); + this.minClusterSize_ = markerClusterer.getMinClusterSize(); + this.averageCenter_ = markerClusterer.isAverageCenter(); + this.center_ = null; + this.markers_ = []; + this.bounds_ = null; + this.clusterIcon_ = new ClusterIcon( + this, + markerClusterer.getStyles(), + markerClusterer.getGridSize() + ); + } + + /** + * Determins if a marker is already added to the cluster. + * + * @param {google.maps.Marker} marker The marker to check. + * @return {boolean} True if the marker is already added. + */ + Cluster.prototype.isMarkerAlreadyAdded = function (marker) { + if (this.markers_.indexOf) { + return this.markers_.indexOf(marker) != -1; + } else { + for (var i = 0, m; (m = this.markers_[i]); i++) { + if (m == marker) { + return true; + } + } + } + return false; + }; + + /** + * Add a marker the cluster. + * + * @param {google.maps.Marker} marker The marker to add. + * @return {boolean} True if the marker was added. + */ + Cluster.prototype.addMarker = function (marker) { + if (this.isMarkerAlreadyAdded(marker)) { + return false; + } + if (!this.center_) { + this.center_ = marker.getPosition(); + this.calculateBounds_(); + } else { + if (this.averageCenter_) { + var l = this.markers_.length + 1; + var lat = + (this.center_.lat() * (l - 1) + + marker.getPosition().lat()) / + l; + var lng = + (this.center_.lng() * (l - 1) + + marker.getPosition().lng()) / + l; + this.center_ = new google.maps.LatLng(lat, lng); + this.calculateBounds_(); + } + } + marker.isAdded = true; + this.markers_.push(marker); + var len = this.markers_.length; + if (len < this.minClusterSize_ && marker.getMap() != this.map_) { + // Min cluster size not reached so show the marker. + marker.setMap(this.map_); + } + if (len == this.minClusterSize_) { + // Hide the markers that were showing. + for (var i = 0; i < len; i++) { + this.markers_[i].setMap(null); + } + } + if (len >= this.minClusterSize_) { + marker.setMap(null); + } + this.updateIcon(); + return true; + }; + + /** + * Returns the marker clusterer that the cluster is associated with. + * + * @return {MarkerClusterer} The associated marker clusterer. + */ + Cluster.prototype.getMarkerClusterer = function () { + return this.markerClusterer_; + }; + + /** + * Returns the bounds of the cluster. + * + * @return {google.maps.LatLngBounds} the cluster bounds. + */ + Cluster.prototype.getBounds = function () { + var bounds = new google.maps.LatLngBounds( + this.center_, + this.center_ + ); + var markers = this.getMarkers(); + for (var i = 0, marker; (marker = markers[i]); i++) { + bounds.extend(marker.getPosition()); + } + return bounds; + }; + + /** + * Removes the cluster + */ + Cluster.prototype.remove = function () { + this.clusterIcon_.remove(); + this.markers_.length = 0; + delete this.markers_; + }; + + /** + * Returns the center of the cluster. + * + * @return {number} The cluster center. + */ + Cluster.prototype.getSize = function () { + return this.markers_.length; + }; + + /** + * Returns the center of the cluster. + * + * @return {Array.} The cluster center. + */ + Cluster.prototype.getMarkers = function () { + return this.markers_; + }; + + /** + * Returns the center of the cluster. + * + * @return {google.maps.LatLng} The cluster center. + */ + Cluster.prototype.getCenter = function () { + return this.center_; + }; + + /** + * Calculated the extended bounds of the cluster with the grid. + * + * @private + */ + Cluster.prototype.calculateBounds_ = function () { + var bounds = new google.maps.LatLngBounds( + this.center_, + this.center_ + ); + this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds); + }; + + /** + * Determines if a marker lies in the clusters bounds. + * + * @param {google.maps.Marker} marker The marker to check. + * @return {boolean} True if the marker lies in the bounds. + */ + Cluster.prototype.isMarkerInClusterBounds = function (marker) { + return this.bounds_.contains(marker.getPosition()); + }; + + /** + * Returns the map that the cluster is associated with. + * + * @return {google.maps.Map} The map. + */ + Cluster.prototype.getMap = function () { + return this.map_; + }; + + /** + * Updates the cluster icon + */ + Cluster.prototype.updateIcon = function () { + var zoom = this.map_.getZoom(); + var mz = this.markerClusterer_.getMaxZoom(); + if (mz && zoom > mz) { + // The zoom is greater than our max zoom so show all the markers in cluster. + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + marker.setMap(this.map_); + } + return; + } + if (this.markers_.length < this.minClusterSize_) { + // Min cluster size not yet reached. + this.clusterIcon_.hide(); + return; + } + var numStyles = this.markerClusterer_.getStyles().length; + var sums = this.markerClusterer_.getCalculator()( + this.markers_, + numStyles + ); + this.clusterIcon_.setCenter(this.center_); + this.clusterIcon_.setSums(sums); + this.clusterIcon_.show(); + }; + + /** + * A cluster icon + * + * @param {Cluster} cluster The cluster to be associated with. + * @param {Object} styles An object that has style properties: + * 'url': (string) The image url. + * 'height': (number) The image height. + * 'width': (number) The image width. + * 'anchor': (Array) The anchor position of the label text. + * 'textColor': (string) The text color. + * 'textSize': (number) The text size. + * 'backgroundPosition: (string) The background postition x, y. + * @param {number=} opt_padding Optional padding to apply to the cluster icon. + * @constructor + * @extends google.maps.OverlayView + * @ignore + */ + function ClusterIcon(cluster, styles, opt_padding) { + cluster + .getMarkerClusterer() + .extend(ClusterIcon, google.maps.OverlayView); + this.styles_ = styles; + this.padding_ = opt_padding || 0; + this.cluster_ = cluster; + this.center_ = null; + this.map_ = cluster.getMap(); + this.div_ = null; + this.sums_ = null; + this.visible_ = false; + this.setMap(this.map_); + } + + /** + * Triggers the clusterclick event and zoom's if the option is set. + */ + ClusterIcon.prototype.triggerClusterClick = function () { + var markerClusterer = this.cluster_.getMarkerClusterer(); + + // Trigger the clusterclick event. + google.maps.event.trigger( + markerClusterer, + 'clusterclick', + this.cluster_ + ); + if (markerClusterer.isZoomOnClick()) { + // Zoom into the cluster. + this.map_.fitBounds(this.cluster_.getBounds()); + } + }; + + /** + * Adding the cluster icon to the dom. + * @ignore + */ + ClusterIcon.prototype.onAdd = function () { + this.div_ = document.createElement('DIV'); + if (this.visible_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.cssText = this.createCss(pos); + this.div_.innerHTML = this.sums_.text; + var markerClusterer = this.cluster_.getMarkerClusterer(); + if (markerClusterer.cssClass_) { + this.div_.className = markerClusterer.cssClass_; + } + } + var panes = this.getPanes(); + panes.overlayMouseTarget.appendChild(this.div_); + var that = this; + google.maps.event.addDomListener(this.div_, 'click', function () { + that.triggerClusterClick(); + }); + }; + + /** + * Returns the position to place the div dending on the latlng. + * + * @param {google.maps.LatLng} latlng The position in latlng. + * @return {google.maps.Point} The position in pixels. + * @private + */ + ClusterIcon.prototype.getPosFromLatLng_ = function (latlng) { + var pos = this.getProjection().fromLatLngToDivPixel(latlng); + pos.x -= parseInt(this.width_ / 2, 10); + pos.y -= parseInt(this.height_ / 2, 10); + return pos; + }; + + /** + * Draw the icon. + * @ignore + */ + ClusterIcon.prototype.draw = function () { + if (this.visible_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.top = pos.y + 'px'; + this.div_.style.left = pos.x + 'px'; + } + }; + + /** + * Hide the icon. + */ + ClusterIcon.prototype.hide = function () { + if (this.div_) { + this.div_.style.display = 'none'; + } + this.visible_ = false; + }; + + /** + * Position and show the icon. + */ + ClusterIcon.prototype.show = function () { + if (this.div_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.cssText = this.createCss(pos); + this.div_.style.display = ''; + } + this.visible_ = true; + }; + + /** + * Remove the icon from the map + */ + ClusterIcon.prototype.remove = function () { + this.setMap(null); + }; + + /** + * Implementation of the onRemove interface. + * @ignore + */ + ClusterIcon.prototype.onRemove = function () { + if (this.div_ && this.div_.parentNode) { + this.hide(); + this.div_.parentNode.removeChild(this.div_); + this.div_ = null; + } + }; + + /** + * Set the sums of the icon. + * + * @param {Object} sums The sums containing: + * 'text': (string) The text to display in the icon. + * 'index': (number) The style index of the icon. + */ + ClusterIcon.prototype.setSums = function (sums) { + this.sums_ = sums; + this.text_ = sums.text; + this.index_ = sums.index; + if (this.div_) { + this.div_.innerHTML = sums.text; + } + this.useStyle(); + }; + + /** + * Sets the icon to the the styles. + */ + ClusterIcon.prototype.useStyle = function () { + var index = Math.max(0, this.sums_.index - 1); + index = Math.min(this.styles_.length - 1, index); + var style = this.styles_[index]; + this.url_ = style['url']; + this.height_ = style['height']; + this.width_ = style['width']; + this.textColor_ = style['textColor']; + this.anchor_ = style['anchor']; + this.textSize_ = style['textSize']; + this.backgroundPosition_ = style['backgroundPosition']; + }; + + /** + * Sets the center of the icon. + * + * @param {google.maps.LatLng} center The latlng to set as the center. + */ + ClusterIcon.prototype.setCenter = function (center) { + this.center_ = center; + }; + + /** + * Create the css text based on the position of the icon. + * + * @param {google.maps.Point} pos The position. + * @return {string} The css style text. + */ + ClusterIcon.prototype.createCss = function (pos) { + var style = []; + var markerClusterer = this.cluster_.getMarkerClusterer(); + if (!markerClusterer.cssClass_) { + style.push('background-image:url(' + this.url_ + ');'); + var backgroundPosition = this.backgroundPosition_ + ? this.backgroundPosition_ + : '0 0'; + style.push('background-position:' + backgroundPosition + ';'); + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this.anchor_) === 'object' + ) { + if ( + typeof this.anchor_[0] === 'number' && + this.anchor_[0] > 0 && + this.anchor_[0] < this.height_ + ) { + style.push( + 'height:' + + (this.height_ - this.anchor_[0]) + + 'px; padding-top:' + + this.anchor_[0] + + 'px;' + ); + } else { + style.push( + 'height:' + + this.height_ + + 'px; line-height:' + + this.height_ + + 'px;' + ); + } + if ( + typeof this.anchor_[1] === 'number' && + this.anchor_[1] > 0 && + this.anchor_[1] < this.width_ + ) { + style.push( + 'width:' + + (this.width_ - this.anchor_[1]) + + 'px; padding-left:' + + this.anchor_[1] + + 'px;' + ); + } else { + style.push( + 'width:' + this.width_ + 'px; text-align:center;' + ); + } + } else { + style.push( + 'height:' + + this.height_ + + 'px; line-height:' + + this.height_ + + 'px; width:' + + this.width_ + + 'px; text-align:center;' + ); + } + var txtColor = this.textColor_ ? this.textColor_ : 'black'; + var txtSize = this.textSize_ ? this.textSize_ : 11; + style.push( + 'cursor:pointer; color:' + + txtColor + + '; position:absolute; font-size:' + + txtSize + + 'px; font-family:Arial,sans-serif; font-weight:bold' + ); + } else { + style.push('top:' + pos.y + 'px; left:' + pos.x + 'px;'); + } + return style.join(''); + }; + + // Export Symbols for Closure + // If you are not going to compile with closure then you can remove the + // code below. + window['MarkerClusterer'] = MarkerClusterer; + MarkerClusterer.prototype['addMarker'] = + MarkerClusterer.prototype.addMarker; + MarkerClusterer.prototype['addMarkers'] = + MarkerClusterer.prototype.addMarkers; + MarkerClusterer.prototype['clearMarkers'] = + MarkerClusterer.prototype.clearMarkers; + MarkerClusterer.prototype['fitMapToMarkers'] = + MarkerClusterer.prototype.fitMapToMarkers; + MarkerClusterer.prototype['getCalculator'] = + MarkerClusterer.prototype.getCalculator; + MarkerClusterer.prototype['getGridSize'] = + MarkerClusterer.prototype.getGridSize; + MarkerClusterer.prototype['getExtendedBounds'] = + MarkerClusterer.prototype.getExtendedBounds; + MarkerClusterer.prototype['getMap'] = MarkerClusterer.prototype.getMap; + MarkerClusterer.prototype['getMarkers'] = + MarkerClusterer.prototype.getMarkers; + MarkerClusterer.prototype['getMaxZoom'] = + MarkerClusterer.prototype.getMaxZoom; + MarkerClusterer.prototype['getStyles'] = + MarkerClusterer.prototype.getStyles; + MarkerClusterer.prototype['getTotalClusters'] = + MarkerClusterer.prototype.getTotalClusters; + MarkerClusterer.prototype['getTotalMarkers'] = + MarkerClusterer.prototype.getTotalMarkers; + MarkerClusterer.prototype['redraw'] = MarkerClusterer.prototype.redraw; + MarkerClusterer.prototype['removeMarker'] = + MarkerClusterer.prototype.removeMarker; + MarkerClusterer.prototype['removeMarkers'] = + MarkerClusterer.prototype.removeMarkers; + MarkerClusterer.prototype['resetViewport'] = + MarkerClusterer.prototype.resetViewport; + MarkerClusterer.prototype['repaint'] = + MarkerClusterer.prototype.repaint; + MarkerClusterer.prototype['setCalculator'] = + MarkerClusterer.prototype.setCalculator; + MarkerClusterer.prototype['setGridSize'] = + MarkerClusterer.prototype.setGridSize; + MarkerClusterer.prototype['setMaxZoom'] = + MarkerClusterer.prototype.setMaxZoom; + MarkerClusterer.prototype['onAdd'] = MarkerClusterer.prototype.onAdd; + MarkerClusterer.prototype['draw'] = MarkerClusterer.prototype.draw; + Cluster.prototype['getCenter'] = Cluster.prototype.getCenter; + Cluster.prototype['getSize'] = Cluster.prototype.getSize; + Cluster.prototype['getMarkers'] = Cluster.prototype.getMarkers; + ClusterIcon.prototype['onAdd'] = ClusterIcon.prototype.onAdd; + ClusterIcon.prototype['draw'] = ClusterIcon.prototype.draw; + ClusterIcon.prototype['onRemove'] = ClusterIcon.prototype.onRemove; + })(); + /******/ +})(); +//# sourceMappingURL=global-markerclusterer.js.map diff --git a/assets/js/google-map.js b/assets/js/google-map.js index cba290543f..ce8f63101f 100644 --- a/assets/js/google-map.js +++ b/assets/js/google-map.js @@ -1,1142 +1,1610 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/map-scripts/add-listing/google-map.js": -/*!********************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/map-scripts/add-listing/google-map.js': + /*!********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/google-map.js ***! \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initAddListingMap: function() { return /* binding */ initAddListingMap; } -/* harmony export */ }); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing google map */ - - -var $ = jQuery; - -// Add Listing Map Initialize -function initAddListingMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Geocoder) { - return; - } - if ($('#gmap').length) { - var localized_data = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('map_data'); - - // initialize all vars here to avoid hoisting related misunderstanding. - var map; - var autocomplete; - var address_input; - var markers; - var $manual_lat; - var $manual_lng; - var saved_lat_lng; - - // Localized Data - var loc_default_latitude = parseFloat(localized_data.default_latitude); - var loc_default_longitude = parseFloat(localized_data.default_longitude); - var loc_manual_lat = parseFloat(localized_data.manual_lat); - var loc_manual_lng = parseFloat(localized_data.manual_lng); - var loc_map_zoom_level = parseInt(localized_data.map_zoom_level); - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // default is London city - markers = [], - // initialize the array to keep track all the marker - address_input = document.getElementById('address'); - if (address_input !== null) { - address_input.addEventListener('focus', geolocate); - } - var geocoder = new google.maps.Geocoder(); - - // This function will help to get the current location of the user - function markerDragInit(marker) { - marker.addListener('dragend', function (event) { - // Get exact coordinates from the marker position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - // This doesn't affect the stored coordinates - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - }); - } - - // Helper function to format address by removing plus code and using address components - function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } - - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } - - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - } - - // Function to geocode address for display purposes only (doesn't modify coordinates) - function geocodeAddressForDisplay(geocoder, lat, lng) { - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK' && results[0]) { - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - } - }); - } - - // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. - function geolocate() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function (position) { - var geolocation = { - lat: position.coords.latitude, - lng: position.coords.longitude - }; - var circle = new google.maps.Circle({ - center: geolocation, - radius: position.coords.accuracy - }); - autocomplete.setBounds(circle.getBounds()); - }); - } - } - function initAutocomplete() { - // Create the autocomplete object, restricting the search to geographical - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : { - types: [] - }; - - // location types. - autocomplete = new google.maps.places.Autocomplete(address_input, options); - - // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker - autocomplete.addListener('place_changed', fillInAddress); - } - function fillInAddress() { - // Get the place details from the autocomplete object. - var place = autocomplete.getPlace(); - - // set the value of input field to save them to the database - $manual_lat.val(place.geometry.location.lat()); - $manual_lng.val(place.geometry.location.lng()); - map.setCenter(place.geometry.location); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: place.geometry.location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // Delete Previous Marker - deleteMarker(); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - } - initAutocomplete(); // start google map place auto complete API call - - // Map Initialize - function initMap() { - /* Create new map instance */ - map = new google.maps.Map(document.getElementById('gmap'), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'add_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - markers.push(marker); - document.getElementById('generate_admin_map').addEventListener('click', function (e) { - e.preventDefault(); - geocodeAddress(geocoder, map); - }); - - // This event listener calls addMarker() when the map is clicked. - marker.addListener('click', function (event) { - deleteMarker(); // at first remove previous marker and then set new marker; - - // Get exact coordinates from the click position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - - // add the marker to the given map. - addMarker(event.latLng, map); - }); - markerDragInit(marker); - } - - /* - * Geocode and address using google map javascript api and then populate the input fields for storing lat and long - * */ - - function geocodeAddress(geocoder, resultsMap) { - var lat = parseFloat(document.getElementById('manual_lat').value); - var lng = parseFloat(document.getElementById('manual_lng').value); - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK') { - // Keep the original exact coordinates (don't modify them) - $manual_lat.val(lat); - $manual_lng.val(lng); - - // Center map on the exact coordinates - resultsMap.setCenter(latLng); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: resultsMap, - position: latLng, - // Use original coordinates - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - deleteMarker(); - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - markerDragInit(marker); - } else { - alert(localized_data.geocode_error_msg + status); - } - }); - } - initMap(); - - // adding features of creating marker manually on the map on add listing page. - /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initAddListingMap: function () { + return /* binding */ initAddListingMap; + }, + /* harmony export */ + } + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing google map */ + + var $ = jQuery; + + // Add Listing Map Initialize + function initAddListingMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Geocoder + ) { + return; + } + if ($('#gmap').length) { + var localized_data = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'map_data' + ); + + // initialize all vars here to avoid hoisting related misunderstanding. + var map; + var autocomplete; + var address_input; + var markers; + var $manual_lat; + var $manual_lng; + var saved_lat_lng; + + // Localized Data + var loc_default_latitude = parseFloat( + localized_data.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data.map_zoom_level + ); + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // default is London city + ((markers = []), + // initialize the array to keep track all the marker + (address_input = + document.getElementById('address'))); + if (address_input !== null) { + address_input.addEventListener('focus', geolocate); + } + var geocoder = new google.maps.Geocoder(); + + // This function will help to get the current location of the user + function markerDragInit(marker) { + marker.addListener('dragend', function (event) { + // Get exact coordinates from the marker position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + // This doesn't affect the stored coordinates + geocodeAddressForDisplay( + geocoder, + exactLat, + exactLng + ); + }); + } + + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } + + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } + + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } + + // Function to geocode address for display purposes only (doesn't modify coordinates) + function geocodeAddressForDisplay(geocoder, lat, lng) { + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK' && results[0]) { + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress( + results[0] + ); + address_input.value = cleanedAddress; + } + }); + } + + // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. + function geolocate() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + function (position) { + var geolocation = { + lat: position.coords.latitude, + lng: position.coords.longitude, + }; + var circle = new google.maps.Circle({ + center: geolocation, + radius: position.coords.accuracy, + }); + autocomplete.setBounds( + circle.getBounds() + ); + } + ); + } + } + function initAutocomplete() { + // Create the autocomplete object, restricting the search to geographical + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : { + types: [], + }; + + // location types. + autocomplete = new google.maps.places.Autocomplete( + address_input, + options + ); + + // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker + autocomplete.addListener( + 'place_changed', + fillInAddress + ); + } + function fillInAddress() { + // Get the place details from the autocomplete object. + var place = autocomplete.getPlace(); + + // set the value of input field to save them to the database + $manual_lat.val(place.geometry.location.lat()); + $manual_lng.val(place.geometry.location.lng()); + map.setCenter(place.geometry.location); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: place.geometry.location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // Delete Previous Marker + deleteMarker(); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + initAutocomplete(); // start google map place auto complete API call + + // Map Initialize + function initMap() { + /* Create new map instance */ + map = new google.maps.Map( + document.getElementById('gmap'), + { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'add_listing_map', + } + ); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + markers.push(marker); + document + .getElementById('generate_admin_map') + .addEventListener('click', function (e) { + e.preventDefault(); + geocodeAddress(geocoder, map); + }); + + // This event listener calls addMarker() when the map is clicked. + marker.addListener('click', function (event) { + deleteMarker(); // at first remove previous marker and then set new marker; + + // Get exact coordinates from the click position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + geocodeAddressForDisplay( + geocoder, + exactLat, + exactLng + ); + + // add the marker to the given map. + addMarker(event.latLng, map); + }); + markerDragInit(marker); + } + + /* + * Geocode and address using google map javascript api and then populate the input fields for storing lat and long + * */ + + function geocodeAddress(geocoder, resultsMap) { + var lat = parseFloat( + document.getElementById('manual_lat').value + ); + var lng = parseFloat( + document.getElementById('manual_lng').value + ); + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK') { + // Keep the original exact coordinates (don't modify them) + $manual_lat.val(lat); + $manual_lng.val(lng); + + // Center map on the exact coordinates + resultsMap.setCenter(latLng); + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: resultsMap, + position: latLng, + // Use original coordinates + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + } + ); + deleteMarker(); + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress( + results[0] + ); + address_input.value = cleanedAddress; + markerDragInit(marker); + } else { + alert( + localized_data.geocode_error_msg + + status + ); + } + }); + } + initMap(); + + // adding features of creating marker manually on the map on add listing page. + /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var labelIndex = 0; */ - // Adds a marker to the map. - function addMarker(location, map) { - // Add the marker at the clicked location, and add the next-available label; - - // from the array of alphabetical characters. - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - } - - // Delete Marker - $('#delete_marker').on('click', function (e) { - e.preventDefault(); - deleteMarker(); - }); - function deleteMarker() { - for (var i = 0; i < markers.length; i++) { - markers[i].setMap(null); - } - markers = []; - } - } -} -$(document).ready(function () { - initAddListingMap(); -}); - -// Add Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/google-map-widget.js": -/*!******************************************************************************!*\ + // Adds a marker to the map. + function addMarker(location, map) { + // Add the marker at the clicked location, and add the next-available label; + + // from the array of alphabetical characters. + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + + // Delete Marker + $('#delete_marker').on('click', function (e) { + e.preventDefault(); + deleteMarker(); + }); + function deleteMarker() { + for (var i = 0; i < markers.length; i++) { + markers[i].setMap(null); + } + markers = []; + } + } + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/google-map-widget.js': + /*!******************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/google-map-widget.js ***! \******************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initSingleMapWidget: function() { return /* binding */ initSingleMapWidget; } -/* harmony export */ }); -/* Widget google map */ -var $ = jQuery; - -// Single Listing Map Initialize -function initSingleMapWidget() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Marker || !google.maps.OverlayView) { - return; - } - if ($('#gmap-widget').length) { - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - var inherits = function inherits(childCtor, parentCtor) { - /** @constructor */ - function tempCtor() {} - tempCtor.prototype = parentCtor.prototype; - childCtor.superClass_ = parentCtor.prototype; - childCtor.prototype = new tempCtor(); - childCtor.prototype.constructor = childCtor; - }; - function Marker(options) { - google.maps.Marker.apply(this, arguments); - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.map, - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - } - - // Apply the inheritance - inherits(Marker, google.maps.Marker); - - // Custom Marker SetMap - Marker.prototype.setMap = function () { - google.maps.Marker.prototype.setMap.apply(this, arguments); - this.MarkerLabel && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); - }; - - // Marker Label Overlay - var MarkerLabel = function MarkerLabel(options) { - var self = this; - this.setValues(options); - - // Create the label container - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Trigger the marker click handler if clicking on the label - google.maps.event.addListener(this.div, 'click', function (e) { - e.stopPropagation && e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - }; - - // Create MarkerLabel Object - MarkerLabel.prototype = new google.maps.OverlayView(); - - // Marker Label onAdd - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes().overlayImage.appendChild(this.div); - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // Marker Label onRemove - MarkerLabel.prototype.onRemove = function () { - this.div.parentNode.removeChild(this.div); - for (var i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // Implement draw - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - var position = projection.fromLatLngToDivPixel(this.get('position')); - var div = this.div; - this.div.innerHTML = this.get('text').toString(); - div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = position.x - div.offsetWidth / 2 + 'px'; - div.style.top = position.y - div.offsetHeight + 'px'; - }; - - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng; - - // Localized Data - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - - // create an info window for map - marker.addListener('click', function () { - if (display_map_info) { - display_map_info = false; - } else { - info_window.close(); - display_map_info = true; - } - }); - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'single_listing_map_widget' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - if (display_map_info) { - marker.addListener('click', function () { - if (info_window.getMap()) { - info_window.close(); // If already open, close it - } else { - info_window.open(map, marker); // Otherwise, open it - } - }); - } - } - $(document).ready(function () { - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ''; - $(this).html(link); - }); - }); - } -} -$(document).ready(function () { - initSingleMapWidget(); -}); - -// Single Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMapWidget(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMapWidget(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/google-map.js": -/*!***********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initSingleMapWidget: function () { + return /* binding */ initSingleMapWidget; + }, + /* harmony export */ + } + ); + /* Widget google map */ + var $ = jQuery; + + // Single Listing Map Initialize + function initSingleMapWidget() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Marker || + !google.maps.OverlayView + ) { + return; + } + if ($('#gmap-widget').length) { + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + var inherits = function inherits( + childCtor, + parentCtor + ) { + /** @constructor */ + function tempCtor() {} + tempCtor.prototype = parentCtor.prototype; + childCtor.superClass_ = parentCtor.prototype; + childCtor.prototype = new tempCtor(); + childCtor.prototype.constructor = childCtor; + }; + function Marker(options) { + google.maps.Marker.apply(this, arguments); + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.map, + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo( + 'position', + this, + 'position' + ); + } + } + + // Apply the inheritance + inherits(Marker, google.maps.Marker); + + // Custom Marker SetMap + Marker.prototype.setMap = function () { + google.maps.Marker.prototype.setMap.apply( + this, + arguments + ); + this.MarkerLabel && + this.MarkerLabel.setMap.apply( + this.MarkerLabel, + arguments + ); + }; + + // Marker Label Overlay + var MarkerLabel = function MarkerLabel(options) { + var self = this; + this.setValues(options); + + // Create the label container + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Trigger the marker click handler if clicking on the label + google.maps.event.addListener( + this.div, + 'click', + function (e) { + e.stopPropagation && e.stopPropagation(); + google.maps.event.trigger( + self.marker, + 'click' + ); + } + ); + }; + + // Create MarkerLabel Object + MarkerLabel.prototype = new google.maps.OverlayView(); + + // Marker Label onAdd + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes().overlayImage.appendChild( + this.div + ); + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // Marker Label onRemove + MarkerLabel.prototype.onRemove = function () { + this.div.parentNode.removeChild(this.div); + for ( + var i = 0, I = this.listeners.length; + i < I; + ++i + ) { + google.maps.event.removeListener( + this.listeners[i] + ); + } + }; + + // Implement draw + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + var position = projection.fromLatLngToDivPixel( + this.get('position') + ); + var div = this.div; + this.div.innerHTML = this.get('text').toString(); + div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = + position.x - div.offsetWidth / 2 + 'px'; + div.style.top = + position.y - div.offsetHeight + 'px'; + }; + + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng; + + // Localized Data + var map_container = + localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data_widget.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data_widget.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var display_map_info = + localized_data_widget.display_map_info; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/, + }); + } + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); + + // create an info window for map + marker.addListener('click', function () { + if (display_map_info) { + display_map_info = false; + } else { + info_window.close(); + display_map_info = true; + } + }); + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map( + document.getElementById(map_container), + { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'single_listing_map_widget', + } + ); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); + if (display_map_info) { + marker.addListener('click', function () { + if (info_window.getMap()) { + info_window.close(); // If already open, close it + } else { + info_window.open(map, marker); // Otherwise, open it + } + }); + } + } + $(document).ready(function () { + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = + "" + + $(this).text() + + ''; + $(this).html(link); + }); + }); + } + } + $(document).ready(function () { + initSingleMapWidget(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMapWidget(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMapWidget(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/google-map.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/google-map.js ***! \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initSingleMap: function() { return /* binding */ initSingleMap; } -/* harmony export */ }); -/* Single listing google map */ -var $ = jQuery; - -// Single Listing Map Initialize -function initSingleMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Marker || !google.maps.OverlayView || !google.maps.marker.AdvancedMarkerElement) { - return; - } - if ($('.directorist-single-map').length) { - document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - function Marker(options) { - google.maps.Marker.apply(this, arguments); // Properly call parent constructor - - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.getMap(), - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - } - - // Ensure Marker extends google.maps.Marker - Marker.prototype = Object.create(google.maps.Marker.prototype); - Marker.prototype.constructor = Marker; - - // Custom Marker setMap method - Marker.prototype.setMap = function (map) { - google.maps.Marker.prototype.setMap.call(this, map); - if (this.MarkerLabel) { - this.MarkerLabel.setMap(map); - } - }; - - // Marker Label Overlay - function MarkerLabel(options) { - this.setValues(options); - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Ensure marker click event works - var self = this; - google.maps.event.addDomListener(this.div, 'click', function (e) { - if (e.stopPropagation) e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - } - - // Ensure Google Maps API is loaded before extending OverlayView - MarkerLabel.prototype = Object.create(google.maps.OverlayView.prototype); - MarkerLabel.prototype.constructor = MarkerLabel; - - // onAdd method - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes(); - if (pane) { - pane.overlayImage.appendChild(this.div); - } - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // onRemove method - MarkerLabel.prototype.onRemove = function () { - if (this.div.parentNode) { - this.div.parentNode.removeChild(this.div); - } - for (var i = 0; i < this.listeners.length; i++) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // draw method - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - if (!projection) return; // Ensure projection is available - - var position = projection.fromLatLngToDivPixel(this.get('position')); - if (!position) return; - var div = this.div; - div.innerHTML = this.get('text') || ''; - div.style.zIndex = this.get('zIndex') || '0'; - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = position.x - div.offsetWidth / 2 + 'px'; - div.style.top = position.y - div.offsetHeight + 'px'; - }; - - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng; - - // Localized Data - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - - // create an info window for map - marker.addListener('click', function () { - if (display_map_info) { - display_map_info = false; - } else { - info_window.close(); - display_map_info = true; - } - }); - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(mapElm, { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'single_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - if (display_map_info) { - marker.addListener('click', function () { - if (info_window.getMap()) { - info_window.close(); // If already open, close it - } else { - info_window.open(map, marker); // Otherwise, open it - } - }); - } - } - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ''; - $(this).html(link); - }); - }); - } -} -$(document).ready(function () { - initSingleMap(); -}); - -// Single Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initSingleMap: function () { + return /* binding */ initSingleMap; + }, + /* harmony export */ + } + ); + /* Single listing google map */ + var $ = jQuery; + + // Single Listing Map Initialize + function initSingleMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Marker || + !google.maps.OverlayView || + !google.maps.marker.AdvancedMarkerElement + ) { + return; + } + if ($('.directorist-single-map').length) { + document + .querySelectorAll('.directorist-single-map') + .forEach(function (mapElm) { + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + function Marker(options) { + google.maps.Marker.apply(this, arguments); // Properly call parent constructor + + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.getMap(), + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo( + 'position', + this, + 'position' + ); + } + } + + // Ensure Marker extends google.maps.Marker + Marker.prototype = Object.create( + google.maps.Marker.prototype + ); + Marker.prototype.constructor = Marker; + + // Custom Marker setMap method + Marker.prototype.setMap = function (map) { + google.maps.Marker.prototype.setMap.call( + this, + map + ); + if (this.MarkerLabel) { + this.MarkerLabel.setMap(map); + } + }; + + // Marker Label Overlay + function MarkerLabel(options) { + this.setValues(options); + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Ensure marker click event works + var self = this; + google.maps.event.addDomListener( + this.div, + 'click', + function (e) { + if (e.stopPropagation) + e.stopPropagation(); + google.maps.event.trigger( + self.marker, + 'click' + ); + } + ); + } + + // Ensure Google Maps API is loaded before extending OverlayView + MarkerLabel.prototype = Object.create( + google.maps.OverlayView.prototype + ); + MarkerLabel.prototype.constructor = MarkerLabel; + + // onAdd method + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes(); + if (pane) { + pane.overlayImage.appendChild(this.div); + } + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // onRemove method + MarkerLabel.prototype.onRemove = function () { + if (this.div.parentNode) { + this.div.parentNode.removeChild( + this.div + ); + } + for ( + var i = 0; + i < this.listeners.length; + i++ + ) { + google.maps.event.removeListener( + this.listeners[i] + ); + } + }; + + // draw method + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + if (!projection) return; // Ensure projection is available + + var position = + projection.fromLatLngToDivPixel( + this.get('position') + ); + if (!position) return; + var div = this.div; + div.innerHTML = this.get('text') || ''; + div.style.zIndex = + this.get('zIndex') || '0'; + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = + position.x - div.offsetWidth / 2 + 'px'; + div.style.top = + position.y - div.offsetHeight + 'px'; + }; + + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng; + + // Localized Data + var mapData = JSON.parse( + mapElm.getAttribute('data-map') + ); + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat( + mapData.manual_lat + ); + var loc_manual_lng = parseFloat( + mapData.manual_lng + ); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var display_map_info = mapData.display_map_info; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/, + }); + } + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: map, + position: saved_lat_lng, + content: markerShape, + } + ); + + // create an info window for map + marker.addListener('click', function () { + if (display_map_info) { + display_map_info = false; + } else { + info_window.close(); + display_map_info = true; + } + }); + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map(mapElm, { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'single_listing_map', + }); + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: map, + position: saved_lat_lng, + content: markerShape, + } + ); + if (display_map_info) { + marker.addListener( + 'click', + function () { + if (info_window.getMap()) { + info_window.close(); // If already open, close it + } else { + info_window.open( + map, + marker + ); // Otherwise, open it + } + } + ); + } + } + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = + "" + + $(this).text() + + ''; + $(this).html(link); + }); + }); + } + } + $(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!******************************************************!*\ !*** ./assets/src/js/global/map-scripts/map-view.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-listing/google-map */ "./assets/src/js/global/map-scripts/add-listing/google-map.js"); -/* harmony import */ var _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single-listing/google-map */ "./assets/src/js/global/map-scripts/single-listing/google-map.js"); -/* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./single-listing/google-map-widget */ "./assets/src/js/global/map-scripts/single-listing/google-map-widget.js"); - - - - -(function () { - window.addEventListener('load', initMap); - window.addEventListener('directorist-reload-listings-map-archive', initMap); - function initMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_map'); - - // Define Marker Shapes - var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; - var inherits = function inherits(childCtor, parentCtor) { - /** @constructor */ - function tempCtor() {} - tempCtor.prototype = parentCtor.prototype; - childCtor.superClass_ = parentCtor.prototype; - childCtor.prototype = new tempCtor(); - childCtor.prototype.constructor = childCtor; - }; - function Marker(options) { - google.maps.Marker.apply(this, arguments); - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.map, - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - } - - // Apply the inheritance - inherits(Marker, google.maps.Marker); - - // Custom Marker SetMap - Marker.prototype.setMap = function () { - google.maps.Marker.prototype.setMap.apply(this, arguments); - this.MarkerLabel && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); - }; - - // Marker Label Overlay - var MarkerLabel = function MarkerLabel(options) { - var self = this; - this.setValues(options); - - // Create the label container - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Trigger the marker click handler if clicking on the label - google.maps.event.addListener(this.div, 'click', function (e) { - e.stopPropagation && e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - }; - - // Create MarkerLabel Object - MarkerLabel.prototype = new google.maps.OverlayView(); - - // Marker Label onAdd - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes().overlayImage.appendChild(this.div); - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // Marker Label onRemove - MarkerLabel.prototype.onRemove = function () { - this.div.parentNode.removeChild(this.div); - for (var i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // Implement draw - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - var position = projection.fromLatLngToDivPixel(this.get('position')); - var div = this.div; - this.div.innerHTML = this.get('text').toString(); - div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = "".concat(position.x - div.offsetWidth / 2, "px"); - div.style.top = "".concat(position.y - div.offsetHeight, "px"); - }; - (function ($) { - // map view - /** - * Render a Google Map onto the selected jQuery element. - * - * @since 5.0.0 - */ - var at_icon = []; - - /* Use Default lat/lng in listings map view */ - var defCordEnabled = mapData.use_def_lat_long; - function atbdp_rander_map($el) { - $el.addClass('atbdp-map-loaded'); - - // var - var $markers = $el.find('.marker'); - - // vars - var args = { - zoom: parseInt(mapData.zoom), - center: new google.maps.LatLng(0, 0), - mapTypeId: google.maps.MapTypeId.ROADMAP, - zoomControl: true, - scrollwheel: false, - gestureHandling: 'cooperative', - averageCenter: true, - scrollWheelZoom: 'center' - }; - - // create map - var map = new google.maps.Map($el[0], args); - - // add a markers reference - map.markers = []; - - // set map type - map.type = $el.data('type'); - var infowindow = new google.maps.InfoWindow({ - content: '' - }); - // add markers - $markers.each(function () { - atbdp_add_marker($(this), map, infowindow); - }); - var cord = { - lat: Number(mapData.default_latitude) ? Number(mapData.default_latitude) : true ? defCordEnabled : 0, - lng: Number(mapData.default_longitude) ? Number(mapData.default_longitude) : true ? defCordEnabled : 0 - }; - if ($markers.length) { - cord.lat = defCordEnabled ? Number(mapData.default_latitude) : Number($markers[0].getAttribute('data-latitude')); - cord.lng = defCordEnabled ? Number(mapData.default_longitude) : Number($markers[0].getAttribute('data-longitude')); - } - - // center map - atbdp_center_map(map, cord); - var mcOptions = new MarkerClusterer(map, [], { - imagePath: mapData.plugin_url + 'assets/images/m' - }); - mcOptions.setStyles(mcOptions.getStyles().map(function (style) { - style.textColor = '#fff'; - return style; - })); - if (map.type === 'markerclusterer') { - //const markerCluster = new MarkerClusterer(map, map.markers, mcOptions); - mcOptions.addMarkers(map.markers); - } - } - - /** - * Add a marker to the selected Google Map. - * - * @since 1.0.0 - */ - function atbdp_add_marker($marker, map, infowindow) { - // var - var latlng = new google.maps.LatLng($marker.data('latitude'), $marker.data('longitude')); - // check to see if any of the existing markers match the latlng of the new marker - if (map.markers.length) { - for (var i = 0; i < map.markers.length; i++) { - var existing_marker = map.markers[i]; - var pos = existing_marker.getPosition(); - - // if a marker already exists in the same position as this marker - if (latlng.equals(pos)) { - // update the position of the coincident marker by applying a small multipler to its coordinates - var latitude = latlng.lat() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - var longitude = latlng.lng() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - latlng = new google.maps.LatLng(latitude, longitude); - } - } - } - var icon = JSON.parse($marker.data('icon')); - var marker = new Marker({ - position: latlng, - map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: icon !== undefined && "
    ".concat(icon, "
    ") - }); - - // add to array - map.markers.push(marker); - // if marker contains HTML, add it to an infoWindow - if ($marker.html()) { - // show info window when marker is clicked - google.maps.event.addListener(marker, 'click', function () { - if (mapData.disable_info_window === 'no') { - var marker_childrens = $($marker).children(); - if (marker_childrens.length) { - var marker_content = marker_childrens[0]; - $(marker_content).toggleClass('map-info-wrapper--show'); - } - infowindow.setContent($marker.html()); - infowindow.open(map, marker); - } - }); - } - } - - /** - * Center the map, showing all markers attached to this map. - * - * @since 1.0.0 - */ - - function atbdp_center_map(map, cord) { - map.setCenter(cord); - map.setZoom(parseInt(mapData.zoom)); - } - function setup_info_window() { - var abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = "".concat(at_icon, ""); - } - // ${$marker.data('icon')} - }); - document.querySelectorAll('div').forEach(function (el1, index) { - if (el1.style.backgroundImage.split('/').pop() === 'm1.png")') { - el1.addEventListener('click', function () { - setInterval(function () { - var abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = "".concat(at_icon, ""); - } - }); - }, 100); - }); - } - }); - } - function setup_map() { - // render map in the custom post - $('.atbdp-map').each(function () { - atbdp_rander_map($(this)); - }); - } - setup_map(); - setup_info_window(); - $(document).ready(function () { - $('body').find('.map-info-wrapper').addClass('map-info-wrapper--show'); - }); - })(jQuery); - } - var $ = jQuery; - - /* Elementor Edit Mode */ - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initMap(); - } - }, 3000); - }); - - // Elementor EditMode - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initMap(); - } - }); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./add-listing/google-map */ './assets/src/js/global/map-scripts/add-listing/google-map.js' + ); + /* harmony import */ var _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./single-listing/google-map */ './assets/src/js/global/map-scripts/single-listing/google-map.js' + ); + /* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./single-listing/google-map-widget */ './assets/src/js/global/map-scripts/single-listing/google-map-widget.js' + ); + + (function () { + window.addEventListener('load', initMap); + window.addEventListener( + 'directorist-reload-listings-map-archive', + initMap + ); + function initMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_map' + ); + + // Define Marker Shapes + var MAP_PIN = + 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; + var inherits = function inherits(childCtor, parentCtor) { + /** @constructor */ + function tempCtor() {} + tempCtor.prototype = parentCtor.prototype; + childCtor.superClass_ = parentCtor.prototype; + childCtor.prototype = new tempCtor(); + childCtor.prototype.constructor = childCtor; + }; + function Marker(options) { + google.maps.Marker.apply(this, arguments); + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.map, + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo('position', this, 'position'); + } + } + + // Apply the inheritance + inherits(Marker, google.maps.Marker); + + // Custom Marker SetMap + Marker.prototype.setMap = function () { + google.maps.Marker.prototype.setMap.apply(this, arguments); + this.MarkerLabel && + this.MarkerLabel.setMap.apply( + this.MarkerLabel, + arguments + ); + }; + + // Marker Label Overlay + var MarkerLabel = function MarkerLabel(options) { + var self = this; + this.setValues(options); + + // Create the label container + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Trigger the marker click handler if clicking on the label + google.maps.event.addListener( + this.div, + 'click', + function (e) { + e.stopPropagation && e.stopPropagation(); + google.maps.event.trigger(self.marker, 'click'); + } + ); + }; + + // Create MarkerLabel Object + MarkerLabel.prototype = new google.maps.OverlayView(); + + // Marker Label onAdd + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes().overlayImage.appendChild( + this.div + ); + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // Marker Label onRemove + MarkerLabel.prototype.onRemove = function () { + this.div.parentNode.removeChild(this.div); + for (var i = 0, I = this.listeners.length; i < I; ++i) { + google.maps.event.removeListener(this.listeners[i]); + } + }; + + // Implement draw + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + var position = projection.fromLatLngToDivPixel( + this.get('position') + ); + var div = this.div; + this.div.innerHTML = this.get('text').toString(); + div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = ''.concat( + position.x - div.offsetWidth / 2, + 'px' + ); + div.style.top = ''.concat( + position.y - div.offsetHeight, + 'px' + ); + }; + (function ($) { + // map view + /** + * Render a Google Map onto the selected jQuery element. + * + * @since 5.0.0 + */ + var at_icon = []; + + /* Use Default lat/lng in listings map view */ + var defCordEnabled = mapData.use_def_lat_long; + function atbdp_rander_map($el) { + $el.addClass('atbdp-map-loaded'); + + // var + var $markers = $el.find('.marker'); + + // vars + var args = { + zoom: parseInt(mapData.zoom), + center: new google.maps.LatLng(0, 0), + mapTypeId: google.maps.MapTypeId.ROADMAP, + zoomControl: true, + scrollwheel: false, + gestureHandling: 'cooperative', + averageCenter: true, + scrollWheelZoom: 'center', + }; + + // create map + var map = new google.maps.Map($el[0], args); + + // add a markers reference + map.markers = []; + + // set map type + map.type = $el.data('type'); + var infowindow = new google.maps.InfoWindow({ + content: '', + }); + // add markers + $markers.each(function () { + atbdp_add_marker($(this), map, infowindow); + }); + var cord = { + lat: Number(mapData.default_latitude) + ? Number(mapData.default_latitude) + : true + ? defCordEnabled + : 0, + lng: Number(mapData.default_longitude) + ? Number(mapData.default_longitude) + : true + ? defCordEnabled + : 0, + }; + if ($markers.length) { + cord.lat = defCordEnabled + ? Number(mapData.default_latitude) + : Number( + $markers[0].getAttribute( + 'data-latitude' + ) + ); + cord.lng = defCordEnabled + ? Number(mapData.default_longitude) + : Number( + $markers[0].getAttribute( + 'data-longitude' + ) + ); + } + + // center map + atbdp_center_map(map, cord); + var mcOptions = new MarkerClusterer(map, [], { + imagePath: mapData.plugin_url + 'assets/images/m', + }); + mcOptions.setStyles( + mcOptions.getStyles().map(function (style) { + style.textColor = '#fff'; + return style; + }) + ); + if (map.type === 'markerclusterer') { + //const markerCluster = new MarkerClusterer(map, map.markers, mcOptions); + mcOptions.addMarkers(map.markers); + } + } + + /** + * Add a marker to the selected Google Map. + * + * @since 1.0.0 + */ + function atbdp_add_marker($marker, map, infowindow) { + // var + var latlng = new google.maps.LatLng( + $marker.data('latitude'), + $marker.data('longitude') + ); + // check to see if any of the existing markers match the latlng of the new marker + if (map.markers.length) { + for (var i = 0; i < map.markers.length; i++) { + var existing_marker = map.markers[i]; + var pos = existing_marker.getPosition(); + + // if a marker already exists in the same position as this marker + if (latlng.equals(pos)) { + // update the position of the coincident marker by applying a small multipler to its coordinates + var latitude = + latlng.lat() + + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); + var longitude = + latlng.lng() + + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); + latlng = new google.maps.LatLng( + latitude, + longitude + ); + } + } + } + var icon = JSON.parse($marker.data('icon')); + var marker = new Marker({ + position: latlng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0, + }, + map_icon_label: + icon !== undefined && + '
    '.concat( + icon, + '
    ' + ), + }); + + // add to array + map.markers.push(marker); + // if marker contains HTML, add it to an infoWindow + if ($marker.html()) { + // show info window when marker is clicked + google.maps.event.addListener( + marker, + 'click', + function () { + if (mapData.disable_info_window === 'no') { + var marker_childrens = + $($marker).children(); + if (marker_childrens.length) { + var marker_content = + marker_childrens[0]; + $(marker_content).toggleClass( + 'map-info-wrapper--show' + ); + } + infowindow.setContent($marker.html()); + infowindow.open(map, marker); + } + } + ); + } + } + + /** + * Center the map, showing all markers attached to this map. + * + * @since 1.0.0 + */ + + function atbdp_center_map(map, cord) { + map.setCenter(cord); + map.setZoom(parseInt(mapData.zoom)); + } + function setup_info_window() { + var abc = document.querySelectorAll('div'); + abc.forEach(function (el, index) { + if (el.innerText === 'atgm_marker') { + el.innerText = ' '; + el.innerHTML = + ''.concat( + at_icon, + '' + ); + } + // ${$marker.data('icon')} + }); + document + .querySelectorAll('div') + .forEach(function (el1, index) { + if ( + el1.style.backgroundImage + .split('/') + .pop() === 'm1.png")' + ) { + el1.addEventListener('click', function () { + setInterval(function () { + var abc = + document.querySelectorAll( + 'div' + ); + abc.forEach(function (el, index) { + if ( + el.innerText === + 'atgm_marker' + ) { + el.innerText = ' '; + el.innerHTML = + ''.concat( + at_icon, + '' + ); + } + }); + }, 100); + }); + } + }); + } + function setup_map() { + // render map in the custom post + $('.atbdp-map').each(function () { + atbdp_rander_map($(this)); + }); + } + setup_map(); + setup_info_window(); + $(document).ready(function () { + $('body') + .find('.map-info-wrapper') + .addClass('map-info-wrapper--show'); + }); + })(jQuery); + } + var $ = jQuery; + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initMap(); + } + }); + })(); + window.directoristLoadGoogleMap = function () { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Map + ) { + return; + } else { + (0, + _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__.initSingleMap)(); + (0, + _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__.initAddListingMap)(); + (0, + _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__.initSingleMapWidget)(); + } + }; + })(); + /******/ })(); -window.directoristLoadGoogleMap = function () { - if (typeof google === 'undefined' || !google.maps || !google.maps.Map) { - return; - } else { - (0,_single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__.initSingleMap)(); - (0,_add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__.initAddListingMap)(); - (0,_single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__.initSingleMapWidget)(); - } -}; -}(); -/******/ })() -; -//# sourceMappingURL=google-map.js.map \ No newline at end of file +//# sourceMappingURL=google-map.js.map diff --git a/assets/js/openstreet-map.js b/assets/js/openstreet-map.js index 4877f652bc..4427839be4 100644 --- a/assets/js/openstreet-map.js +++ b/assets/js/openstreet-map.js @@ -1,681 +1,1023 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/add-listing/openstreet-map.js": -/*!************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/add-listing/openstreet-map.js': + /*!************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/openstreet-map.js ***! \************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing OSMap */ - - - -(function ($) { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - var parentField = location.closest('.directorist-search-field'); - - // Add the 'input-is-focused' class if not already present - if (parentField && !parentField.hasClass('input-is-focused')) { - parentField.addClass('input-is-focused'); - } - } - - // Add Listing Map Initialize - function initAddListingMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)('map_data'); - - // Localized Data - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var loc_map_icon = mapData.map_icon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - function mapLeaflet(lat, lon) { - // @todo @kowsar / remove later. fix js error - if ($('#gmap').length == 0) { - return; - } - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(loc_map_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map('gmap').setView([lat, lon], loc_map_zoom_level); - - // Create draggable marker - var marker = L.marker([lat, lon], { - icon: fontAwesomeIcon, - draggable: true - }).addTo(mymap); - - // Trigger AJAX request when marker is dropped - marker.on('dragend', function (e) { - var position = marker.getLatLng(); - $('#manual_lat').val(position.lat); - $('#manual_lng').val(position.lng); - - // Make AJAX request after the drag ends (marker drop) - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(position.lng, "&lat=").concat(position.lat), - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js').val(data.display_name); - addFocusClass($('.directorist-location-js')); - }, - error: function error() { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - }); - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - function toggleFullscreen() { - var mapContainer = document.getElementById('gmap'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - $('.directorist-location-js').each(function (id, elm) { - var result_container = $(elm).siblings('.address_result'); - $(elm).on('keyup', (0,_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; - - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-form-address-field'); - var search = $(elm).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: "https://nominatim.openstreetmap.org/?q=%27+".concat(search, "+%27&format=json"), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].display_name, "
    • "); - } - result_container.find('ul').html(res); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - var lat = loc_manual_lat, - lon = loc_manual_lng; - mapLeaflet(lat, lon); - - // Add Map on Add Listing Multistep - $('body').on('click', '.multistep-wizard__btn', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet(lat, lon); - } - }); - $('body').on('click', '.directorist-form-address-field .address_result ul li a', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - } - event.preventDefault(); - var text = $(this).text(), - lat = $(this).data('lat'), - lon = $(this).data('lon'); - $('#manual_lat').val(lat); - $('#manual_lng').val(lon); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - mapLeaflet(lat, lon); - }); - $('body').on('click', '.location-names ul li a', function (event) { - event.preventDefault(); - var text = $(this).text(); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - }); - $('body').on('click', '#generate_admin_map', function (event) { - event.preventDefault(); - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); - }); - - // Popup controller by keyboard - var index = 0; - $('.directorist-location-js').on('keyup', function (event) { - event.preventDefault(); - var length = $('#directorist.atbd_wrapper .address_result ul li a').length; - if (event.keyCode === 40) { - index++; - if (index > length) { - index = 0; - } - } else if (event.keyCode === 38) { - index--; - if (index < 0) { - index = length; - } - } - if ($('#directorist.atbd_wrapper .address_result ul li a').length > 0) { - $('#directorist.atbd_wrapper .address_result ul li a').removeClass('active'); - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).addClass('active'); - if (event.keyCode === 13) { - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).click(); - event.preventDefault(); - index = 0; - return false; - } - } - }); - } - $(document).ready(function () { - initAddListingMap(); - }); - - // Add Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js": -/*!**********************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing OSMap */ + + (function ($) { + // Add focus class to the parent field of .directorist-location-js + function addFocusClass(location) { + // Get the parent field of .directorist-location-js + var parentField = location.closest( + '.directorist-search-field' + ); + + // Add the 'input-is-focused' class if not already present + if ( + parentField && + !parentField.hasClass('input-is-focused') + ) { + parentField.addClass('input-is-focused'); + } + } + + // Add Listing Map Initialize + function initAddListingMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)( + 'map_data' + ); + + // Localized Data + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var loc_map_icon = mapData.map_icon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + function mapLeaflet(lat, lon) { + // @todo @kowsar / remove later. fix js error + if ($('#gmap').length == 0) { + return; + } + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + loc_map_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map('gmap').setView( + [lat, lon], + loc_map_zoom_level + ); + + // Create draggable marker + var marker = L.marker([lat, lon], { + icon: fontAwesomeIcon, + draggable: true, + }).addTo(mymap); + + // Trigger AJAX request when marker is dropped + marker.on('dragend', function (e) { + var position = marker.getLatLng(); + $('#manual_lat').val(position.lat); + $('#manual_lng').val(position.lng); + + // Make AJAX request after the drag ends (marker drop) + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(position.lng, '&lat=') + .concat(position.lat), + type: 'GET', + data: {}, + success: function success(data) { + $('.directorist-location-js').val( + data.display_name + ); + addFocusClass( + $('.directorist-location-js') + ); + }, + error: function error() { + $('.directorist-location-js').val( + 'Location not found' + ); + addFocusClass( + $('.directorist-location-js') + ); + }, + }); + }); + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + function toggleFullscreen() { + var mapContainer = + document.getElementById('gmap'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = + 'block'; + } else if ( + mapContainer.webkitRequestFullscreen + ) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = + 'none'; + fullScreenEnable.style.display = + 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + $('.directorist-location-js').each(function (id, elm) { + var result_container = + $(elm).siblings('.address_result'); + $(elm).on( + 'keyup', + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, + 37, 38, 39, 40, 45, 91, 93, 112, 113, + 114, 115, 116, 117, 118, 119, 120, 121, + 122, 123, 144, 145, + ]; + + // Return early when blocked key is pressed. + if ( + blockedKeyCodes.includes(event.keyCode) + ) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-form-address-field' + ); + var search = $(elm).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + for ( + var i = 0; + i < data.length; + i++ + ) { + res += + '
  • ' + ) + .concat( + data[i] + .display_name, + '
    • ' + ); + } + result_container + .find('ul') + .html(res); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + var lat = loc_manual_lat, + lon = loc_manual_lng; + mapLeaflet(lat, lon); + + // Add Map on Add Listing Multistep + $('body').on( + 'click', + '.multistep-wizard__btn', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet(lat, lon); + } + } + ); + $('body').on( + 'click', + '.directorist-form-address-field .address_result ul li a', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + } + event.preventDefault(); + var text = $(this).text(), + lat = $(this).data('lat'), + lon = $(this).data('lon'); + $('#manual_lat').val(lat); + $('#manual_lng').val(lon); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + mapLeaflet(lat, lon); + } + ); + $('body').on( + 'click', + '.location-names ul li a', + function (event) { + event.preventDefault(); + var text = $(this).text(); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + } + ); + $('body').on( + 'click', + '#generate_admin_map', + function (event) { + event.preventDefault(); + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet( + $('#manual_lat').val(), + $('#manual_lng').val() + ); + } + ); + + // Popup controller by keyboard + var index = 0; + $('.directorist-location-js').on( + 'keyup', + function (event) { + event.preventDefault(); + var length = $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length; + if (event.keyCode === 40) { + index++; + if (index > length) { + index = 0; + } + } else if (event.keyCode === 38) { + index--; + if (index < 0) { + index = length; + } + } + if ( + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length > 0 + ) { + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).removeClass('active'); + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).addClass('active'); + if (event.keyCode === 13) { + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).click(); + event.preventDefault(); + index = 0; + return false; + } + } + } + ); + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js': + /*!**********************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js ***! \**********************************************************************************/ -/***/ (function() { - -/* Widget OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('#gmap-widget').length) { - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var _localized_data_widge = localized_data_widget, - display_map_info = _localized_data_widge.display_map_info; - var _localized_data_widge2 = localized_data_widget, - cat_icon = _localized_data_widge2.cat_icon; - var _localized_data_widge3 = localized_data_widget, - info_content = _localized_data_widge3.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - function mapLeaflet(lat, lon) { - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(cat_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map(map_container).setView([lat, lon], loc_map_zoom_level); - if (display_map_info) { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap).bindPopup(info_content); - } else { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap); - } - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - } - mapLeaflet(loc_manual_lat, loc_manual_lng); - } - } - jQuery(document).ready(function () { - initSingleMap(); - }); - - // Single Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/openstreet-map.js": -/*!***************************************************************************!*\ + /***/ function () { + /* Widget OSMap */ + + (function ($) { + // Single Listing Map Initialize + function initSingleMap() { + // Localized Data + if ($('#gmap-widget').length) { + var map_container = + localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data_widget.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data_widget.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var _localized_data_widge = localized_data_widget, + display_map_info = + _localized_data_widge.display_map_info; + var _localized_data_widge2 = localized_data_widget, + cat_icon = _localized_data_widge2.cat_icon; + var _localized_data_widge3 = localized_data_widget, + info_content = + _localized_data_widge3.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + function mapLeaflet(lat, lon) { + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + cat_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map(map_container).setView( + [lat, lon], + loc_map_zoom_level + ); + if (display_map_info) { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }) + .addTo(mymap) + .bindPopup(info_content); + } else { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }).addTo(mymap); + } + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + } + mapLeaflet(loc_manual_lat, loc_manual_lng); + } + } + jQuery(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/openstreet-map.js': + /*!***************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/openstreet-map.js ***! \***************************************************************************/ -/***/ (function() { - -/* Single listing OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('.directorist-single-map').length) { - document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var cat_icon = mapData.cat_icon; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - function mapLeaflet(lat, lon) { - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(cat_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map(mapElm, { - scrollWheelZoom: false - }).setView([lat, lon], loc_map_zoom_level); - if (display_map_info) { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap).bindPopup(info_content); - } else { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap); - } - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - } - mapLeaflet(loc_manual_lat, loc_manual_lng); - }); - } - } - jQuery(document).ready(function () { - initSingleMap(); - }); - - // Single Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function () { + /* Single listing OSMap */ + + (function ($) { + // Single Listing Map Initialize + function initSingleMap() { + // Localized Data + if ($('.directorist-single-map').length) { + document + .querySelectorAll('.directorist-single-map') + .forEach(function (mapElm) { + var mapData = JSON.parse( + mapElm.getAttribute('data-map') + ); + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat( + mapData.manual_lat + ); + var loc_manual_lng = parseFloat( + mapData.manual_lng + ); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var display_map_info = + mapData.display_map_info; + var cat_icon = mapData.cat_icon; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + function mapLeaflet(lat, lon) { + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + cat_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map(mapElm, { + scrollWheelZoom: false, + }).setView( + [lat, lon], + loc_map_zoom_level + ); + if (display_map_info) { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }) + .addTo(mymap) + .bindPopup(info_content); + } else { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }).addTo(mymap); + } + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + } + mapLeaflet(loc_manual_lat, loc_manual_lng); + }); + } + } + jQuery(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!************************************************************!*\ !*** ./assets/src/js/global/map-scripts/openstreet-map.js ***! \************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _add_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-listing/openstreet-map */ "./assets/src/js/global/map-scripts/add-listing/openstreet-map.js"); -/* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./single-listing/openstreet-map */ "./assets/src/js/global/map-scripts/single-listing/openstreet-map.js"); -/* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single-listing/openstreet-map-widget */ "./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js"); -/* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__); -(function () { - // DOM Mutation observer - var targetNode = document.querySelector('.directorist-archive-contents'); - if (targetNode) { - function initObserver() { - var observer = new MutationObserver(initMap); - targetNode && observer.observe(targetNode, { - childList: true - }); - } - window.addEventListener('load', initObserver); - } - window.addEventListener('load', initMap); - window.addEventListener('directorist-reload-listings-map-archive', initMap); - - // Map Initialize - function initMap() { - var $ = jQuery; - var mapData; - $('#map').length ? mapData = JSON.parse($('#map').attr('data-options')) : ''; - function setup_map() { - bundle1.fillPlaceholders(); - var localVersion = bundle1.getLibVersion('leaflet.featuregroup.subgroup', 'local'); - if (localVersion) { - localVersion.checkAssetsAvailability(true).then(function () { - mapData !== undefined ? load() : ''; - }).catch(function () { - var version102 = bundle1.getLibVersion('leaflet.featuregroup.subgroup', '1.0.2'); - if (version102) { - version102.defaultVersion = true; - } - mapData !== undefined ? load() : ''; - }); - } else { - mapData !== undefined ? load() : ''; - } - } - function load() { - var url = window.location.href; - var urlParts = URI.parse(url); - var queryStringParts = URI.parseQuery(urlParts.query); - var list = bundle1.getAndSelectVersionsAssetsList(queryStringParts); - list.push({ - type: 'script', - path: mapData.openstreet_script - }); - loadJsCss.list(list, { - delayScripts: 500 // Load scripts after stylesheets, delayed by this duration (in ms). - }); - function toggleFullscreen() { - var mapContainer = document.getElementById('map'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - setup_map(); - } - var $ = jQuery; - - // Map on Elementor Edit Mode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initMap(); - } - }); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _add_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./add-listing/openstreet-map */ './assets/src/js/global/map-scripts/add-listing/openstreet-map.js' + ); + /* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./single-listing/openstreet-map */ './assets/src/js/global/map-scripts/single-listing/openstreet-map.js' + ); + /* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./single-listing/openstreet-map-widget */ './assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js' + ); + /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ + ); + (function () { + // DOM Mutation observer + var targetNode = document.querySelector( + '.directorist-archive-contents' + ); + if (targetNode) { + function initObserver() { + var observer = new MutationObserver(initMap); + targetNode && + observer.observe(targetNode, { + childList: true, + }); + } + window.addEventListener('load', initObserver); + } + window.addEventListener('load', initMap); + window.addEventListener( + 'directorist-reload-listings-map-archive', + initMap + ); + + // Map Initialize + function initMap() { + var $ = jQuery; + var mapData; + $('#map').length + ? (mapData = JSON.parse($('#map').attr('data-options'))) + : ''; + function setup_map() { + bundle1.fillPlaceholders(); + var localVersion = bundle1.getLibVersion( + 'leaflet.featuregroup.subgroup', + 'local' + ); + if (localVersion) { + localVersion + .checkAssetsAvailability(true) + .then(function () { + mapData !== undefined ? load() : ''; + }) + .catch(function () { + var version102 = bundle1.getLibVersion( + 'leaflet.featuregroup.subgroup', + '1.0.2' + ); + if (version102) { + version102.defaultVersion = true; + } + mapData !== undefined ? load() : ''; + }); + } else { + mapData !== undefined ? load() : ''; + } + } + function load() { + var url = window.location.href; + var urlParts = URI.parse(url); + var queryStringParts = URI.parseQuery(urlParts.query); + var list = + bundle1.getAndSelectVersionsAssetsList( + queryStringParts + ); + list.push({ + type: 'script', + path: mapData.openstreet_script, + }); + loadJsCss.list(list, { + delayScripts: 500, // Load scripts after stylesheets, delayed by this duration (in ms). + }); + function toggleFullscreen() { + var mapContainer = document.getElementById('map'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = 'block'; + } else if (mapContainer.webkitRequestFullscreen) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = 'none'; + fullScreenEnable.style.display = 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + setup_map(); + } + var $ = jQuery; + + // Map on Elementor Edit Mode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initMap(); + } + }); + })(); + + /* Add listing OSMap */ + + /* Single listing OSMap */ + + /* Widget OSMap */ + })(); + /******/ })(); - -/* Add listing OSMap */ - - -/* Single listing OSMap */ - - -/* Widget OSMap */ - -}(); -/******/ })() -; -//# sourceMappingURL=openstreet-map.js.map \ No newline at end of file +//# sourceMappingURL=openstreet-map.js.map diff --git a/assets/js/public-main.js b/assets/js/public-main.js index e090163536..82e5363ab2 100644 --- a/assets/js/public-main.js +++ b/assets/js/public-main.js @@ -1,1074 +1,1770 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/global.js": -/*!****************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/global.js': + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/scss/layout/public/main-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/scss/layout/public/main-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/public/main-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!**************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!**************************************!*\ !*** ./assets/src/js/public/main.js ***! \**************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../scss/layout/public/main-style.scss */ "./assets/src/scss/layout/public/main-style.scss"); -/* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../global/global */ "./assets/src/js/global/global.js"); -/* + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../scss/layout/public/main-style.scss */ './assets/src/scss/layout/public/main-style.scss' + ); + /* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../global/global */ './assets/src/js/global/global.js' + ); + /* File: Main.js Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin Author: wpWax Author URI: www.wpwax.com */ -// console.log( directorist_options ) -// Styles - - - -// Single Listing Page -// import './components/single-listing-page/slider'; - -// General Components -// import './components/general'; -// import './components/helpers'; -// import './components/review'; -// import './components/directoristSorting'; -// import './components/directoristAlert'; -// import './components/pureScriptTab'; -// import './components/profileForm'; -// import './components/gridResponsive'; -// import './components/formValidation'; -// import './components/directoristFavorite'; -// import './components/login'; -// import './components/tab'; -// import './components/directoristDropdown'; -// import './components/directoristSelect'; -// import './components/categoryLocation'; -// import './components/legacy-support'; -// import './components/author'; - -// Booking -// import './components/booking'; -}(); -/******/ })() -; -//# sourceMappingURL=public-main.js.map \ No newline at end of file + // console.log( directorist_options ) + // Styles + + // Single Listing Page + // import './components/single-listing-page/slider'; + + // General Components + // import './components/general'; + // import './components/helpers'; + // import './components/review'; + // import './components/directoristSorting'; + // import './components/directoristAlert'; + // import './components/pureScriptTab'; + // import './components/profileForm'; + // import './components/gridResponsive'; + // import './components/formValidation'; + // import './components/directoristFavorite'; + // import './components/login'; + // import './components/tab'; + // import './components/directoristDropdown'; + // import './components/directoristSelect'; + // import './components/categoryLocation'; + // import './components/legacy-support'; + // import './components/author'; + + // Booking + // import './components/booking'; + })(); + /******/ +})(); +//# sourceMappingURL=public-main.js.map diff --git a/assets/js/range-slider.js b/assets/js/range-slider.js index 3f818adfe6..7e523593d1 100644 --- a/assets/js/range-slider.js +++ b/assets/js/range-slider.js @@ -1,563 +1,726 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/amd options */ -/******/ !function() { -/******/ __webpack_require__.amdO = {}; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!**********************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/amd options */ + /******/ !(function () { + /******/ __webpack_require__.amdO = {}; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!**********************************************!*\ !*** ./assets/src/js/public/range-slider.js ***! \**********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); -// Directorist Custom Range Slider with Multiple Handlers -(function (global, factory) { - if ((typeof exports === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(exports)) === 'object' && "object" !== 'undefined') { - factory(exports); - } else if (typeof define === 'function' && __webpack_require__.amdO) { - define(['exports'], factory); - } else { - global = typeof globalThis !== 'undefined' ? globalThis : global || self; - factory(global.directoristCustomRangeSlider = {}); - } -})(undefined, function (exports) { - 'use strict'; + // Directorist Custom Range Slider with Multiple Handlers + (function (global, factory) { + if ( + (typeof exports === 'undefined' + ? 'undefined' + : (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(exports)) === 'object' && + 'object' !== 'undefined' + ) { + factory(exports); + } else if ( + typeof define === 'function' && + __webpack_require__.amdO + ) { + define(['exports'], factory); + } else { + global = + typeof globalThis !== 'undefined' + ? globalThis + : global || self; + factory((global.directoristCustomRangeSlider = {})); + } + })(undefined, function (exports) { + 'use strict'; - exports.PipsMode = { - Range: 'range', - Steps: 'steps', - Positions: 'positions', - Count: 'count', - Values: 'values' - }; - exports.PipsType = { - None: -1, - NoValue: 0, - LargeValue: 1, - SmallValue: 2 - }; + exports.PipsMode = { + Range: 'range', + Steps: 'steps', + Positions: 'positions', + Count: 'count', + Values: 'values', + }; + exports.PipsType = { + None: -1, + NoValue: 0, + LargeValue: 1, + SmallValue: 2, + }; - //RTL - var isRTL = directorist.rtl === 'true'; - var direction; - if (isRTL) { - direction = 'right'; - } else { - direction = 'left'; - } - function isValidFormatter(entry) { - return isValidPartialFormatter(entry) && typeof entry.from === 'function'; - } - function isValidPartialFormatter(entry) { - // partial formatters only need a to function and not a from function - return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) === 'object' && typeof entry.to === 'function'; - } - function removeElement(el) { - el.parentElement.removeChild(el); - } - function isSet(value) { - return value !== null && value !== undefined; - } - // Bindable version - function preventDefault(e) { - e.preventDefault(); - } - // Removes duplicates from an array. - function unique(array) { - return array.filter(function (a) { - return !this[a] ? this[a] = true : false; - }, {}); - } - // Round a value to the closest 'to'. - function closest(value, to) { - return Math.round(value / to) * to; - } - // Current position of an element relative to the document. - function offset(elem, orientation) { - var rect = elem.getBoundingClientRect(); - var doc = elem.ownerDocument; - var docElem = doc.documentElement; - var pageOffset = getPageOffset(doc); - // getBoundingClientRect contains left scroll in Chrome on Android. - // I haven't found a feature detection that proves this. Worst case - // scenario on mis-match: the 'tap' feature on horizontal sliders breaks. - if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) { - pageOffset.x = 0; - } - return orientation ? rect.top + pageOffset.y - docElem.clientTop : rect.left + pageOffset.x - docElem.clientLeft; - } - // Checks whether a value is numerical. - function isNumeric(a) { - return typeof a === 'number' && !isNaN(a) && isFinite(a); - } - // Sets a class and removes it after [duration] ms. - function addClassFor(element, className, duration) { - if (duration > 0) { - addClass(element, className); - setTimeout(function () { - removeClass(element, className); - }, duration); - } - } - // Limits a value to 0 - 100 - function limit(a) { - return Math.max(Math.min(a, 100), 0); - } - // Wraps a variable as an array, if it isn't one yet. - // Note that an input array is returned by reference! - function asArray(a) { - return Array.isArray(a) ? a : [a]; - } - // Counts decimals - function countDecimals(numStr) { - numStr = String(numStr); - var pieces = numStr.split('.'); - return pieces.length > 1 ? pieces[1].length : 0; - } - // add_class - function addClass(el, className) { - if (el.classList && !/\s/.test(className)) { - el.classList.add(className); - } else { - el.className += ' ' + className; - } - } - // remove_class - function removeClass(el, className) { - if (el.classList && !/\s/.test(className)) { - el.classList.remove(className); - } else { - el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); - } - } - // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/ - function hasClass(el, className) { - return el.classList ? el.classList.contains(className) : new RegExp('\\b' + className + '\\b').test(el.className); - } - // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes - function getPageOffset(doc) { - var supportPageOffset = window.scrollX !== undefined; - var isCSS1Compat = (doc.compatMode || '') === 'CSS1Compat'; - var x = supportPageOffset ? window.scrollX : isCSS1Compat ? doc.documentElement.scrollLeft : doc.body.scrollLeft; - var y = supportPageOffset ? window.scrollY : isCSS1Compat ? doc.documentElement.scrollTop : doc.body.scrollTop; - return { - x: x, - y: y - }; - } - // we provide a function to compute constants instead - // of accessing window.* as soon as the module needs it - // so that we do not compute anything if not needed - function getActions() { - // Determine the events to bind. IE11 implements pointerEvents without - // a prefix, which breaks compatibility with the IE10 implementation. - return window.navigator.pointerEnabled ? { - start: 'pointerdown', - move: 'pointermove', - end: 'pointerup' - } : window.navigator.msPointerEnabled ? { - start: 'MSPointerDown', - move: 'MSPointerMove', - end: 'MSPointerUp' - } : { - start: 'mousedown touchstart', - move: 'mousemove touchmove', - end: 'mouseup touchend' - }; - } - // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md - // Issue #785 - function getSupportsPassive() { - var supportsPassive = false; - /* eslint-disable */ - try { - var opts = Object.defineProperty({}, 'passive', { - get: function get() { - supportsPassive = true; - } - }); - // @ts-ignore - window.addEventListener('test', null, opts); - } catch (e) {} - /* eslint-enable */ - return supportsPassive; - } - function getSupportsTouchActionNone() { - return window.CSS && CSS.supports && CSS.supports('touch-action', 'none'); - } - //endregion - //region Range Calculation - // Determine the size of a sub-range in relation to a full range. - function subRangeRatio(pa, pb) { - return 100 / (pb - pa); - } - // (percentage) How many percent is this value of this range? - function fromPercentage(range, value, startRange) { - return value * 100 / (range[startRange + 1] - range[startRange]); - } - // (percentage) Where is this value on this range? - function toPercentage(range, value) { - return fromPercentage(range, range[0] < 0 ? value + Math.abs(range[0]) : value - range[0], 0); - } - // (value) How much is this percentage on this range? - function isPercentage(range, value) { - return value * (range[1] - range[0]) / 100 + range[0]; - } - function getJ(value, arr) { - var j = 1; - while (value >= arr[j]) { - j += 1; - } - return j; - } - // (percentage) Input a value, find where, on a scale of 0-100, it applies. - function toStepping(xVal, xPct, value) { - if (value >= xVal.slice(-1)[0]) { - return 100; - } - var j = getJ(value, xVal); - var va = xVal[j - 1]; - var vb = xVal[j]; - var pa = xPct[j - 1]; - var pb = xPct[j]; - return pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb); - } - // (value) Input a percentage, find where it is on the specified range. - function fromStepping(xVal, xPct, value) { - // There is no range group that fits 100 - if (value >= 100) { - return xVal.slice(-1)[0]; - } - var j = getJ(value, xPct); - var va = xVal[j - 1]; - var vb = xVal[j]; - var pa = xPct[j - 1]; - var pb = xPct[j]; - return isPercentage([va, vb], (value - pa) * subRangeRatio(pa, pb)); - } - // (percentage) Get the step that applies at a certain value. - function getStep(xPct, xSteps, snap, value) { - if (value === 100) { - return value; - } - var j = getJ(value, xPct); - var a = xPct[j - 1]; - var b = xPct[j]; - // If 'snap' is set, steps are used as fixed points on the slider. - if (snap) { - // Find the closest position, a or b. - if (value - a > (b - a) / 2) { - return b; - } - return a; - } - if (!xSteps[j - 1]) { - return value; - } - return xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]); - } - //endregion - //region Spectrum - var Spectrum = /** @class */function () { - function Spectrum(entry, snap, singleStep) { - this.xPct = []; - this.xVal = []; - this.xSteps = []; - this.xNumSteps = []; - this.xHighestCompleteStep = []; - this.xSteps = [singleStep || false]; - this.xNumSteps = [false]; - this.snap = snap; - var index; - var ordered = []; - // Map the object keys to an array. - Object.keys(entry).forEach(function (index) { - ordered.push([asArray(entry[index]), index]); - }); - // Sort all entries by value (numeric sort). - ordered.sort(function (a, b) { - return a[0][0] - b[0][0]; - }); - // Convert all entries to subranges. - for (index = 0; index < ordered.length; index++) { - this.handleEntryPoint(ordered[index][1], ordered[index][0]); - } - // Store the actual step values. - // xSteps is sorted in the same order as xPct and xVal. - this.xNumSteps = this.xSteps.slice(0); - // Convert all numeric steps to the percentage of the subrange they represent. - for (index = 0; index < this.xNumSteps.length; index++) { - this.handleStepPoint(index, this.xNumSteps[index]); - } - } - Spectrum.prototype.getDistance = function (value) { - var distances = []; - for (var index = 0; index < this.xNumSteps.length - 1; index++) { - distances[index] = fromPercentage(this.xVal, value, index); - } - return distances; - }; - // Calculate the percentual distance over the whole scale of ranges. - // direction: 0 = backwards / 1 = forwards - Spectrum.prototype.getAbsoluteDistance = function (value, distances, direction) { - var xPct_index = 0; - // Calculate range where to start calculation - if (value < this.xPct[this.xPct.length - 1]) { - while (value > this.xPct[xPct_index + 1]) { - xPct_index++; - } - } else if (value === this.xPct[this.xPct.length - 1]) { - xPct_index = this.xPct.length - 2; - } - // If looking backwards and the value is exactly at a range separator then look one range further - if (!direction && value === this.xPct[xPct_index + 1]) { - xPct_index++; - } - if (distances === null) { - distances = []; - } - var start_factor; - var rest_factor = 1; - var rest_rel_distance = distances[xPct_index]; - var range_pct = 0; - var rel_range_distance = 0; - var abs_distance_counter = 0; - var range_counter = 0; - // Calculate what part of the start range the value is - if (direction) { - start_factor = (value - this.xPct[xPct_index]) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); - } else { - start_factor = (this.xPct[xPct_index + 1] - value) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); - } - // Do until the complete distance across ranges is calculated - while (rest_rel_distance > 0) { - // Calculate the percentage of total range - range_pct = this.xPct[xPct_index + 1 + range_counter] - this.xPct[xPct_index + range_counter]; - // Detect if the margin, padding or limit is larger then the current range and calculate - if (distances[xPct_index + range_counter] * rest_factor + 100 - start_factor * 100 > 100) { - // If larger then take the percentual distance of the whole range - rel_range_distance = range_pct * start_factor; - // Rest factor of relative percentual distance still to be calculated - rest_factor = (rest_rel_distance - 100 * start_factor) / distances[xPct_index + range_counter]; - // Set start factor to 1 as for next range it does not apply. - start_factor = 1; - } else { - // If smaller or equal then take the percentual distance of the calculate percentual part of that range - rel_range_distance = distances[xPct_index + range_counter] * range_pct / 100 * rest_factor; - // No rest left as the rest fits in current range - rest_factor = 0; - } - if (direction) { - abs_distance_counter = abs_distance_counter - rel_range_distance; - // Limit range to first range when distance becomes outside of minimum range - if (this.xPct.length + range_counter >= 1) { - range_counter--; - } - } else { - abs_distance_counter = abs_distance_counter + rel_range_distance; - // Limit range to last range when distance becomes outside of maximum range - if (this.xPct.length - range_counter >= 1) { - range_counter++; - } - } - // Rest of relative percentual distance still to be calculated - rest_rel_distance = distances[xPct_index + range_counter] * rest_factor; - } - return value + abs_distance_counter; - }; - Spectrum.prototype.toStepping = function (value) { - value = toStepping(this.xVal, this.xPct, value); - return value; - }; - Spectrum.prototype.fromStepping = function (value) { - return fromStepping(this.xVal, this.xPct, value); - }; - Spectrum.prototype.getStep = function (value) { - value = getStep(this.xPct, this.xSteps, this.snap, value); - return value; - }; - Spectrum.prototype.getDefaultStep = function (value, isDown, size) { - var j = getJ(value, this.xPct); - // When at the top or stepping down, look at the previous sub-range - if (value === 100 || isDown && value === this.xPct[j - 1]) { - j = Math.max(j - 1, 1); - } - return (this.xVal[j] - this.xVal[j - 1]) / size; - }; - Spectrum.prototype.getNearbySteps = function (value) { - var j = getJ(value, this.xPct); - return { - stepBefore: { - startValue: this.xVal[j - 2], - step: this.xNumSteps[j - 2], - highestStep: this.xHighestCompleteStep[j - 2] - }, - thisStep: { - startValue: this.xVal[j - 1], - step: this.xNumSteps[j - 1], - highestStep: this.xHighestCompleteStep[j - 1] - }, - stepAfter: { - startValue: this.xVal[j], - step: this.xNumSteps[j], - highestStep: this.xHighestCompleteStep[j] - } - }; - }; - Spectrum.prototype.countStepDecimals = function () { - var stepDecimals = this.xNumSteps.map(countDecimals); - return Math.max.apply(null, stepDecimals); - }; - Spectrum.prototype.hasNoSize = function () { - return this.xVal[0] === this.xVal[this.xVal.length - 1]; - }; - // Outside testing - Spectrum.prototype.convert = function (value) { - return this.getStep(this.toStepping(value)); - }; - Spectrum.prototype.handleEntryPoint = function (index, value) { - var percentage; - // Covert min/max syntax to 0 and 100. - if (index === 'min') { - percentage = 0; - } else if (index === 'max') { - percentage = 100; - } else { - percentage = parseFloat(index); - } - // Check for correct input. - if (!isNumeric(percentage) || !isNumeric(value[0])) { - throw new Error("directoristCustomRangeSlider: 'range' value isn't numeric."); - } - // Store values. - this.xPct.push(percentage); - this.xVal.push(value[0]); - var value1 = Number(value[1]); - // NaN will evaluate to false too, but to keep - // logging clear, set step explicitly. Make sure - // not to override the 'step' setting with false. - if (!percentage) { - if (!isNaN(value1)) { - this.xSteps[0] = value1; - } - } else { - this.xSteps.push(isNaN(value1) ? false : value1); - } - this.xHighestCompleteStep.push(0); - }; - Spectrum.prototype.handleStepPoint = function (i, n) { - // Ignore 'false' stepping. - if (!n) { - return; - } - // Step over zero-length ranges (#948); - if (this.xVal[i] === this.xVal[i + 1]) { - this.xSteps[i] = this.xHighestCompleteStep[i] = this.xVal[i]; - return; - } - // Factor to range ratio - this.xSteps[i] = fromPercentage([this.xVal[i], this.xVal[i + 1]], n, 0) / subRangeRatio(this.xPct[i], this.xPct[i + 1]); - var totalSteps = (this.xVal[i + 1] - this.xVal[i]) / this.xNumSteps[i]; - var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1); - var step = this.xVal[i] + this.xNumSteps[i] * highestStep; - this.xHighestCompleteStep[i] = step; - }; - return Spectrum; - }(); - //endregion - //region Options - /* Every input option is tested and parsed. This will prevent + //RTL + var isRTL = directorist.rtl === 'true'; + var direction; + if (isRTL) { + direction = 'right'; + } else { + direction = 'left'; + } + function isValidFormatter(entry) { + return ( + isValidPartialFormatter(entry) && + typeof entry.from === 'function' + ); + } + function isValidPartialFormatter(entry) { + // partial formatters only need a to function and not a from function + return ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) === 'object' && typeof entry.to === 'function' + ); + } + function removeElement(el) { + el.parentElement.removeChild(el); + } + function isSet(value) { + return value !== null && value !== undefined; + } + // Bindable version + function preventDefault(e) { + e.preventDefault(); + } + // Removes duplicates from an array. + function unique(array) { + return array.filter(function (a) { + return !this[a] ? (this[a] = true) : false; + }, {}); + } + // Round a value to the closest 'to'. + function closest(value, to) { + return Math.round(value / to) * to; + } + // Current position of an element relative to the document. + function offset(elem, orientation) { + var rect = elem.getBoundingClientRect(); + var doc = elem.ownerDocument; + var docElem = doc.documentElement; + var pageOffset = getPageOffset(doc); + // getBoundingClientRect contains left scroll in Chrome on Android. + // I haven't found a feature detection that proves this. Worst case + // scenario on mis-match: the 'tap' feature on horizontal sliders breaks. + if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) { + pageOffset.x = 0; + } + return orientation + ? rect.top + pageOffset.y - docElem.clientTop + : rect.left + pageOffset.x - docElem.clientLeft; + } + // Checks whether a value is numerical. + function isNumeric(a) { + return typeof a === 'number' && !isNaN(a) && isFinite(a); + } + // Sets a class and removes it after [duration] ms. + function addClassFor(element, className, duration) { + if (duration > 0) { + addClass(element, className); + setTimeout(function () { + removeClass(element, className); + }, duration); + } + } + // Limits a value to 0 - 100 + function limit(a) { + return Math.max(Math.min(a, 100), 0); + } + // Wraps a variable as an array, if it isn't one yet. + // Note that an input array is returned by reference! + function asArray(a) { + return Array.isArray(a) ? a : [a]; + } + // Counts decimals + function countDecimals(numStr) { + numStr = String(numStr); + var pieces = numStr.split('.'); + return pieces.length > 1 ? pieces[1].length : 0; + } + // add_class + function addClass(el, className) { + if (el.classList && !/\s/.test(className)) { + el.classList.add(className); + } else { + el.className += ' ' + className; + } + } + // remove_class + function removeClass(el, className) { + if (el.classList && !/\s/.test(className)) { + el.classList.remove(className); + } else { + el.className = el.className.replace( + new RegExp( + '(^|\\b)' + + className.split(' ').join('|') + + '(\\b|$)', + 'gi' + ), + ' ' + ); + } + } + // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/ + function hasClass(el, className) { + return el.classList + ? el.classList.contains(className) + : new RegExp('\\b' + className + '\\b').test(el.className); + } + // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes + function getPageOffset(doc) { + var supportPageOffset = window.scrollX !== undefined; + var isCSS1Compat = (doc.compatMode || '') === 'CSS1Compat'; + var x = supportPageOffset + ? window.scrollX + : isCSS1Compat + ? doc.documentElement.scrollLeft + : doc.body.scrollLeft; + var y = supportPageOffset + ? window.scrollY + : isCSS1Compat + ? doc.documentElement.scrollTop + : doc.body.scrollTop; + return { + x: x, + y: y, + }; + } + // we provide a function to compute constants instead + // of accessing window.* as soon as the module needs it + // so that we do not compute anything if not needed + function getActions() { + // Determine the events to bind. IE11 implements pointerEvents without + // a prefix, which breaks compatibility with the IE10 implementation. + return window.navigator.pointerEnabled + ? { + start: 'pointerdown', + move: 'pointermove', + end: 'pointerup', + } + : window.navigator.msPointerEnabled + ? { + start: 'MSPointerDown', + move: 'MSPointerMove', + end: 'MSPointerUp', + } + : { + start: 'mousedown touchstart', + move: 'mousemove touchmove', + end: 'mouseup touchend', + }; + } + // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md + // Issue #785 + function getSupportsPassive() { + var supportsPassive = false; + /* eslint-disable */ + try { + var opts = Object.defineProperty({}, 'passive', { + get: function get() { + supportsPassive = true; + }, + }); + // @ts-ignore + window.addEventListener('test', null, opts); + } catch (e) {} + /* eslint-enable */ + return supportsPassive; + } + function getSupportsTouchActionNone() { + return ( + window.CSS && + CSS.supports && + CSS.supports('touch-action', 'none') + ); + } + //endregion + //region Range Calculation + // Determine the size of a sub-range in relation to a full range. + function subRangeRatio(pa, pb) { + return 100 / (pb - pa); + } + // (percentage) How many percent is this value of this range? + function fromPercentage(range, value, startRange) { + return ( + (value * 100) / (range[startRange + 1] - range[startRange]) + ); + } + // (percentage) Where is this value on this range? + function toPercentage(range, value) { + return fromPercentage( + range, + range[0] < 0 + ? value + Math.abs(range[0]) + : value - range[0], + 0 + ); + } + // (value) How much is this percentage on this range? + function isPercentage(range, value) { + return (value * (range[1] - range[0])) / 100 + range[0]; + } + function getJ(value, arr) { + var j = 1; + while (value >= arr[j]) { + j += 1; + } + return j; + } + // (percentage) Input a value, find where, on a scale of 0-100, it applies. + function toStepping(xVal, xPct, value) { + if (value >= xVal.slice(-1)[0]) { + return 100; + } + var j = getJ(value, xVal); + var va = xVal[j - 1]; + var vb = xVal[j]; + var pa = xPct[j - 1]; + var pb = xPct[j]; + return ( + pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb) + ); + } + // (value) Input a percentage, find where it is on the specified range. + function fromStepping(xVal, xPct, value) { + // There is no range group that fits 100 + if (value >= 100) { + return xVal.slice(-1)[0]; + } + var j = getJ(value, xPct); + var va = xVal[j - 1]; + var vb = xVal[j]; + var pa = xPct[j - 1]; + var pb = xPct[j]; + return isPercentage( + [va, vb], + (value - pa) * subRangeRatio(pa, pb) + ); + } + // (percentage) Get the step that applies at a certain value. + function getStep(xPct, xSteps, snap, value) { + if (value === 100) { + return value; + } + var j = getJ(value, xPct); + var a = xPct[j - 1]; + var b = xPct[j]; + // If 'snap' is set, steps are used as fixed points on the slider. + if (snap) { + // Find the closest position, a or b. + if (value - a > (b - a) / 2) { + return b; + } + return a; + } + if (!xSteps[j - 1]) { + return value; + } + return ( + xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]) + ); + } + //endregion + //region Spectrum + var Spectrum = /** @class */ (function () { + function Spectrum(entry, snap, singleStep) { + this.xPct = []; + this.xVal = []; + this.xSteps = []; + this.xNumSteps = []; + this.xHighestCompleteStep = []; + this.xSteps = [singleStep || false]; + this.xNumSteps = [false]; + this.snap = snap; + var index; + var ordered = []; + // Map the object keys to an array. + Object.keys(entry).forEach(function (index) { + ordered.push([asArray(entry[index]), index]); + }); + // Sort all entries by value (numeric sort). + ordered.sort(function (a, b) { + return a[0][0] - b[0][0]; + }); + // Convert all entries to subranges. + for (index = 0; index < ordered.length; index++) { + this.handleEntryPoint( + ordered[index][1], + ordered[index][0] + ); + } + // Store the actual step values. + // xSteps is sorted in the same order as xPct and xVal. + this.xNumSteps = this.xSteps.slice(0); + // Convert all numeric steps to the percentage of the subrange they represent. + for (index = 0; index < this.xNumSteps.length; index++) { + this.handleStepPoint(index, this.xNumSteps[index]); + } + } + Spectrum.prototype.getDistance = function (value) { + var distances = []; + for ( + var index = 0; + index < this.xNumSteps.length - 1; + index++ + ) { + distances[index] = fromPercentage( + this.xVal, + value, + index + ); + } + return distances; + }; + // Calculate the percentual distance over the whole scale of ranges. + // direction: 0 = backwards / 1 = forwards + Spectrum.prototype.getAbsoluteDistance = function ( + value, + distances, + direction + ) { + var xPct_index = 0; + // Calculate range where to start calculation + if (value < this.xPct[this.xPct.length - 1]) { + while (value > this.xPct[xPct_index + 1]) { + xPct_index++; + } + } else if (value === this.xPct[this.xPct.length - 1]) { + xPct_index = this.xPct.length - 2; + } + // If looking backwards and the value is exactly at a range separator then look one range further + if (!direction && value === this.xPct[xPct_index + 1]) { + xPct_index++; + } + if (distances === null) { + distances = []; + } + var start_factor; + var rest_factor = 1; + var rest_rel_distance = distances[xPct_index]; + var range_pct = 0; + var rel_range_distance = 0; + var abs_distance_counter = 0; + var range_counter = 0; + // Calculate what part of the start range the value is + if (direction) { + start_factor = + (value - this.xPct[xPct_index]) / + (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); + } else { + start_factor = + (this.xPct[xPct_index + 1] - value) / + (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); + } + // Do until the complete distance across ranges is calculated + while (rest_rel_distance > 0) { + // Calculate the percentage of total range + range_pct = + this.xPct[xPct_index + 1 + range_counter] - + this.xPct[xPct_index + range_counter]; + // Detect if the margin, padding or limit is larger then the current range and calculate + if ( + distances[xPct_index + range_counter] * + rest_factor + + 100 - + start_factor * 100 > + 100 + ) { + // If larger then take the percentual distance of the whole range + rel_range_distance = range_pct * start_factor; + // Rest factor of relative percentual distance still to be calculated + rest_factor = + (rest_rel_distance - 100 * start_factor) / + distances[xPct_index + range_counter]; + // Set start factor to 1 as for next range it does not apply. + start_factor = 1; + } else { + // If smaller or equal then take the percentual distance of the calculate percentual part of that range + rel_range_distance = + ((distances[xPct_index + range_counter] * + range_pct) / + 100) * + rest_factor; + // No rest left as the rest fits in current range + rest_factor = 0; + } + if (direction) { + abs_distance_counter = + abs_distance_counter - rel_range_distance; + // Limit range to first range when distance becomes outside of minimum range + if (this.xPct.length + range_counter >= 1) { + range_counter--; + } + } else { + abs_distance_counter = + abs_distance_counter + rel_range_distance; + // Limit range to last range when distance becomes outside of maximum range + if (this.xPct.length - range_counter >= 1) { + range_counter++; + } + } + // Rest of relative percentual distance still to be calculated + rest_rel_distance = + distances[xPct_index + range_counter] * rest_factor; + } + return value + abs_distance_counter; + }; + Spectrum.prototype.toStepping = function (value) { + value = toStepping(this.xVal, this.xPct, value); + return value; + }; + Spectrum.prototype.fromStepping = function (value) { + return fromStepping(this.xVal, this.xPct, value); + }; + Spectrum.prototype.getStep = function (value) { + value = getStep(this.xPct, this.xSteps, this.snap, value); + return value; + }; + Spectrum.prototype.getDefaultStep = function ( + value, + isDown, + size + ) { + var j = getJ(value, this.xPct); + // When at the top or stepping down, look at the previous sub-range + if ( + value === 100 || + (isDown && value === this.xPct[j - 1]) + ) { + j = Math.max(j - 1, 1); + } + return (this.xVal[j] - this.xVal[j - 1]) / size; + }; + Spectrum.prototype.getNearbySteps = function (value) { + var j = getJ(value, this.xPct); + return { + stepBefore: { + startValue: this.xVal[j - 2], + step: this.xNumSteps[j - 2], + highestStep: this.xHighestCompleteStep[j - 2], + }, + thisStep: { + startValue: this.xVal[j - 1], + step: this.xNumSteps[j - 1], + highestStep: this.xHighestCompleteStep[j - 1], + }, + stepAfter: { + startValue: this.xVal[j], + step: this.xNumSteps[j], + highestStep: this.xHighestCompleteStep[j], + }, + }; + }; + Spectrum.prototype.countStepDecimals = function () { + var stepDecimals = this.xNumSteps.map(countDecimals); + return Math.max.apply(null, stepDecimals); + }; + Spectrum.prototype.hasNoSize = function () { + return this.xVal[0] === this.xVal[this.xVal.length - 1]; + }; + // Outside testing + Spectrum.prototype.convert = function (value) { + return this.getStep(this.toStepping(value)); + }; + Spectrum.prototype.handleEntryPoint = function (index, value) { + var percentage; + // Covert min/max syntax to 0 and 100. + if (index === 'min') { + percentage = 0; + } else if (index === 'max') { + percentage = 100; + } else { + percentage = parseFloat(index); + } + // Check for correct input. + if (!isNumeric(percentage) || !isNumeric(value[0])) { + throw new Error( + "directoristCustomRangeSlider: 'range' value isn't numeric." + ); + } + // Store values. + this.xPct.push(percentage); + this.xVal.push(value[0]); + var value1 = Number(value[1]); + // NaN will evaluate to false too, but to keep + // logging clear, set step explicitly. Make sure + // not to override the 'step' setting with false. + if (!percentage) { + if (!isNaN(value1)) { + this.xSteps[0] = value1; + } + } else { + this.xSteps.push(isNaN(value1) ? false : value1); + } + this.xHighestCompleteStep.push(0); + }; + Spectrum.prototype.handleStepPoint = function (i, n) { + // Ignore 'false' stepping. + if (!n) { + return; + } + // Step over zero-length ranges (#948); + if (this.xVal[i] === this.xVal[i + 1]) { + this.xSteps[i] = this.xHighestCompleteStep[i] = + this.xVal[i]; + return; + } + // Factor to range ratio + this.xSteps[i] = + fromPercentage([this.xVal[i], this.xVal[i + 1]], n, 0) / + subRangeRatio(this.xPct[i], this.xPct[i + 1]); + var totalSteps = + (this.xVal[i + 1] - this.xVal[i]) / this.xNumSteps[i]; + var highestStep = Math.ceil( + Number(totalSteps.toFixed(3)) - 1 + ); + var step = this.xVal[i] + this.xNumSteps[i] * highestStep; + this.xHighestCompleteStep[i] = step; + }; + return Spectrum; + })(); + //endregion + //region Options + /* Every input option is tested and parsed. This will prevent endless validation in internal methods. These tests are structured with an item for every option available. An option can be marked as required by setting the 'r' flag. @@ -568,1830 +731,2413 @@ __webpack_require__.r(__webpack_exports__); The testing function returns false when an error is detected, or true when everything is OK. It can also modify the option object, to make sure all values can be correctly looped elsewhere. */ - //region Defaults - var defaultFormatter = { - to: function to(value) { - return value === undefined ? '' : value.toFixed(2); - }, - from: Number - }; - var cssClasses = { - target: 'target', - base: 'base', - origin: 'origin', - handle: 'handle', - handleLower: 'handle-lower', - handleUpper: 'handle-upper', - touchArea: 'touch-area', - horizontal: 'horizontal', - vertical: 'vertical', - background: 'background', - connect: 'connect', - connects: 'connects', - ltr: 'ltr', - rtl: 'rtl', - textDirectionLtr: 'txt-dir-ltr', - textDirectionRtl: 'txt-dir-rtl', - draggable: 'draggable', - drag: 'state-drag', - tap: 'state-tap', - active: 'active', - tooltip: 'tooltip', - pips: 'pips', - pipsHorizontal: 'pips-horizontal', - pipsVertical: 'pips-vertical', - marker: 'marker', - markerHorizontal: 'marker-horizontal', - markerVertical: 'marker-vertical', - markerNormal: 'marker-normal', - markerLarge: 'marker-large', - markerSub: 'marker-sub', - value: 'value', - valueHorizontal: 'value-horizontal', - valueVertical: 'value-vertical', - valueNormal: 'value-normal', - valueLarge: 'value-large', - valueSub: 'value-sub' - }; - // Namespaces of internal event listeners - var INTERNAL_EVENT_NS = { - tooltips: '.__tooltips', - aria: '.__aria' - }; - //endregion - function customRangeStep(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'step' is not numeric."); - } - // The step option can still be used to set stepping - // for linear sliders. Overwritten if set in 'range'. - parsed.singleStep = entry; - } - function customRangeKeyboardPageMultiplier(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardPageMultiplier' is not numeric."); - } - parsed.keyboardPageMultiplier = entry; - } - function customRangeKeyboardMultiplier(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardMultiplier' is not numeric."); - } - parsed.keyboardMultiplier = entry; - } - function customRangeKeyboardDefaultStep(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardDefaultStep' is not numeric."); - } - parsed.keyboardDefaultStep = entry; - } - function customRangeRange(parsed, entry) { - // Filter incorrect input. - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) !== 'object' || Array.isArray(entry)) { - throw new Error("directoristCustomRangeSlider: 'range' is not an object."); - } - // Catch missing start or end. - if (entry.min === undefined || entry.max === undefined) { - throw new Error("directoristCustomRangeSlider: Missing 'min' or 'max' in 'range'."); - } - parsed.spectrum = new Spectrum(entry, parsed.snap || false, parsed.singleStep); - } - function customRangeStart(parsed, entry) { - entry = asArray(entry); - // Validate input. Values aren't tested, as the public .val method - // will always provide a valid location. - if (!Array.isArray(entry) || !entry.length) { - throw new Error("directoristCustomRangeSlider: 'start' option is incorrect."); - } - // Store the number of handles. - parsed.handles = entry.length; - // When the slider is initialized, the .val method will - // be called with the start options. - parsed.start = entry; - } - function customRangeSnap(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'snap' option must be a boolean."); - } - // Enforce 100% stepping within subranges. - parsed.snap = entry; - } - function customRangeAnimate(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'animate' option must be a boolean."); - } - // Enforce 100% stepping within subranges. - parsed.animate = entry; - } - function customRangeAnimationDuration(parsed, entry) { - if (typeof entry !== 'number') { - throw new Error("directoristCustomRangeSlider: 'animationDuration' option must be a number."); - } - parsed.animationDuration = entry; - } - function customRangeConnect(parsed, entry) { - var connect = [false]; - var i; - // Map legacy options - if (entry === 'lower') { - entry = [true, false]; - } else if (entry === 'upper') { - entry = [false, true]; - } - // Handle boolean options - if (entry === true || entry === false) { - for (i = 1; i < parsed.handles; i++) { - connect.push(entry); - } - connect.push(false); - } - // Reject invalid input - else if (!Array.isArray(entry) || !entry.length || entry.length !== parsed.handles + 1) { - throw new Error("directoristCustomRangeSlider: 'connect' option doesn't match handle count."); - } else { - connect = entry; - } - parsed.connect = connect; - } - function customRangeOrientation(parsed, entry) { - // Set orientation to an a numerical value for easy - // array selection. - switch (entry) { - case 'horizontal': - parsed.ort = 0; - break; - case 'vertical': - parsed.ort = 1; - break; - default: - throw new Error("directoristCustomRangeSlider: 'orientation' option is invalid."); - } - } - function customRangeMargin(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'margin' option must be numeric."); - } - // Issue #582 - if (entry === 0) { - return; - } - parsed.margin = parsed.spectrum.getDistance(entry); - } - function customRangeLimit(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'limit' option must be numeric."); - } - parsed.limit = parsed.spectrum.getDistance(entry); - if (!parsed.limit || parsed.handles < 2) { - throw new Error("directoristCustomRangeSlider: 'limit' option is only supported on linear sliders with 2 or more handles."); - } - } - function customRangePadding(parsed, entry) { - var index; - if (!isNumeric(entry) && !Array.isArray(entry)) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers."); - } - if (Array.isArray(entry) && !(entry.length === 2 || isNumeric(entry[0]) || isNumeric(entry[1]))) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers."); - } - if (entry === 0) { - return; - } - if (!Array.isArray(entry)) { - entry = [entry, entry]; - } - // 'getDistance' returns false for invalid values. - parsed.padding = [parsed.spectrum.getDistance(entry[0]), parsed.spectrum.getDistance(entry[1])]; - for (index = 0; index < parsed.spectrum.xNumSteps.length - 1; index++) { - // last "range" can't contain step size as it is purely an endpoint. - if (parsed.padding[0][index] < 0 || parsed.padding[1][index] < 0) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be a positive number(s)."); - } - } - var totalPadding = entry[0] + entry[1]; - var firstValue = parsed.spectrum.xVal[0]; - var lastValue = parsed.spectrum.xVal[parsed.spectrum.xVal.length - 1]; - if (totalPadding / (lastValue - firstValue) > 1) { - throw new Error("directoristCustomRangeSlider: 'padding' option must not exceed 100% of the range."); - } - } - function customRangeDirection(parsed, entry) { - // Set direction as a numerical value for easy parsing. - // Invert connection for RTL sliders, so that the proper - // handles get the connect/background classes. - switch (entry) { - case 'ltr': - parsed.dir = 0; - break; - case 'rtl': - parsed.dir = 1; - break; - default: - throw new Error("directoristCustomRangeSlider: 'direction' option was not recognized."); - } - } - function customRangeBehaviour(parsed, entry) { - // Make sure the input is a string. - if (typeof entry !== 'string') { - throw new Error("directoristCustomRangeSlider: 'behaviour' must be a string containing options."); - } - // Check if the string contains any keywords. - // None are required. - var tap = entry.indexOf('tap') >= 0; - var drag = entry.indexOf('drag') >= 0; - var fixed = entry.indexOf('fixed') >= 0; - var snap = entry.indexOf('snap') >= 0; - var hover = entry.indexOf('hover') >= 0; - var unconstrained = entry.indexOf('unconstrained') >= 0; - var dragAll = entry.indexOf('drag-all') >= 0; - var smoothSteps = entry.indexOf('smooth-steps') >= 0; - if (fixed) { - if (parsed.handles !== 2) { - throw new Error("directoristCustomRangeSlider: 'fixed' behaviour must be used with 2 handles"); - } - // Use margin to enforce fixed state - customRangeMargin(parsed, parsed.start[1] - parsed.start[0]); - } - if (unconstrained && (parsed.margin || parsed.limit)) { - throw new Error("directoristCustomRangeSlider: 'unconstrained' behaviour cannot be used with margin or limit"); - } - parsed.events = { - tap: tap || snap, - drag: drag, - dragAll: dragAll, - smoothSteps: smoothSteps, - fixed: fixed, - snap: snap, - hover: hover, - unconstrained: unconstrained - }; - } - function customRangeTooltips(parsed, entry) { - if (entry === false) { - return; - } - if (entry === true || isValidPartialFormatter(entry)) { - parsed.tooltips = []; - for (var i = 0; i < parsed.handles; i++) { - parsed.tooltips.push(entry); - } - } else { - entry = asArray(entry); - if (entry.length !== parsed.handles) { - throw new Error('directoristCustomRangeSlider: must pass a formatter for all handles.'); - } - entry.forEach(function (formatter) { - if (typeof formatter !== 'boolean' && !isValidPartialFormatter(formatter)) { - throw new Error("directoristCustomRangeSlider: 'tooltips' must be passed a formatter or 'false'."); - } - }); - parsed.tooltips = entry; - } - } - function customRangeHandleAttributes(parsed, entry) { - if (entry.length !== parsed.handles) { - throw new Error('directoristCustomRangeSlider: must pass a attributes for all handles.'); - } - parsed.handleAttributes = entry; - } - function customRangeAriaFormat(parsed, entry) { - if (!isValidPartialFormatter(entry)) { - throw new Error("directoristCustomRangeSlider: 'ariaFormat' requires 'to' method."); - } - parsed.ariaFormat = entry; - } - function customRangeFormat(parsed, entry) { - if (!isValidFormatter(entry)) { - throw new Error("directoristCustomRangeSlider: 'format' requires 'to' and 'from' methods."); - } - parsed.format = entry; - } - function customRangeKeyboardSupport(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'keyboardSupport' option must be a boolean."); - } - parsed.keyboardSupport = entry; - } - function customRangeDocumentElement(parsed, entry) { - // This is an advanced option. Passed values are used without validation. - parsed.documentElement = entry; - } - function customRangeCssPrefix(parsed, entry) { - if (typeof entry !== 'string' && entry !== false) { - throw new Error("directoristCustomRangeSlider: 'cssPrefix' must be a string or `false`."); - } - parsed.cssPrefix = entry; - } - function customRangeCssClasses(parsed, entry) { - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) !== 'object') { - throw new Error("directoristCustomRangeSlider: 'cssClasses' must be an object."); - } - if (typeof parsed.cssPrefix === 'string') { - parsed.cssClasses = {}; - Object.keys(entry).forEach(function (key) { - parsed.cssClasses[key] = parsed.cssPrefix + entry[key]; - }); - } else { - parsed.cssClasses = entry; - } - } - // Test all developer settings and parse to assumption-safe values. - function customRangeOptions(options) { - // To prove a fix for #537, freeze options here. - // If the object is modified, an error will be thrown. - // Object.freeze(options); - var parsed = { - margin: null, - limit: null, - padding: null, - animate: true, - animationDuration: 300, - ariaFormat: defaultFormatter, - format: defaultFormatter - }; - // Tests are executed in the order they are presented here. - var customRanges = { - step: { - r: false, - t: customRangeStep - }, - keyboardPageMultiplier: { - r: false, - t: customRangeKeyboardPageMultiplier - }, - keyboardMultiplier: { - r: false, - t: customRangeKeyboardMultiplier - }, - keyboardDefaultStep: { - r: false, - t: customRangeKeyboardDefaultStep - }, - start: { - r: true, - t: customRangeStart - }, - connect: { - r: true, - t: customRangeConnect - }, - direction: { - r: true, - t: customRangeDirection - }, - snap: { - r: false, - t: customRangeSnap - }, - animate: { - r: false, - t: customRangeAnimate - }, - animationDuration: { - r: false, - t: customRangeAnimationDuration - }, - range: { - r: true, - t: customRangeRange - }, - orientation: { - r: false, - t: customRangeOrientation - }, - margin: { - r: false, - t: customRangeMargin - }, - limit: { - r: false, - t: customRangeLimit - }, - padding: { - r: false, - t: customRangePadding - }, - behaviour: { - r: true, - t: customRangeBehaviour - }, - ariaFormat: { - r: false, - t: customRangeAriaFormat - }, - format: { - r: false, - t: customRangeFormat - }, - tooltips: { - r: false, - t: customRangeTooltips - }, - keyboardSupport: { - r: true, - t: customRangeKeyboardSupport - }, - documentElement: { - r: false, - t: customRangeDocumentElement - }, - cssPrefix: { - r: true, - t: customRangeCssPrefix - }, - cssClasses: { - r: true, - t: customRangeCssClasses - }, - handleAttributes: { - r: false, - t: customRangeHandleAttributes - } - }; - var defaults = { - connect: false, - direction: 'ltr', - behaviour: 'tap', - orientation: 'horizontal', - keyboardSupport: true, - cssPrefix: 'directorist-custom-range-slider-', - cssClasses: cssClasses, - keyboardPageMultiplier: 5, - keyboardMultiplier: 1, - keyboardDefaultStep: 10 - }; - // AriaFormat defaults to regular format, if any. - if (options.format && !options.ariaFormat) { - options.ariaFormat = options.format; - } - // Run all options through a testing mechanism to ensure correct - // input. It should be noted that options might get modified to - // be handled properly. E.g. wrapping integers in arrays. - Object.keys(customRanges).forEach(function (name) { - // If the option isn't set, but it is required, throw an error. - if (!isSet(options[name]) && defaults[name] === undefined) { - if (customRanges[name].r) { - throw new Error("directoristCustomRangeSlider: '" + name + "' is required."); - } - return; - } - customRanges[name].t(parsed, !isSet(options[name]) ? defaults[name] : options[name]); - }); - // Forward pips options - parsed.pips = options.pips; - // All recent browsers accept unprefixed transform. - // We need -ms- for IE9 and -webkit- for older Android; - // Assume use of -webkit- if unprefixed and -ms- are not supported. - // https://caniuse.com/#feat=transforms2d - var d = document.createElement('div'); - var msPrefix = d.style.msTransform !== undefined; - var noPrefix = d.style.transform !== undefined; - parsed.transformRule = noPrefix ? 'transform' : msPrefix ? 'msTransform' : 'webkitTransform'; - // Pips don't move, so we can place them using left/top. - var styles = [['left', 'top'], ['right', 'bottom']]; - parsed.style = styles[parsed.dir][parsed.ort]; - return parsed; - } - //endregion - function scope(target, options, originalOptions) { - var actions = getActions(); - var supportsTouchActionNone = getSupportsTouchActionNone(); - var supportsPassive = supportsTouchActionNone && getSupportsPassive(); - // All variables local to 'scope' are prefixed with 'scope_' - // Slider DOM Nodes - var scope_Target = target; - var scope_Base; - var scope_Handles; - var scope_Connects; - var scope_Pips; - var scope_Tooltips; - // Slider state values - var scope_Spectrum = options.spectrum; - var scope_Values = []; - var scope_Locations = []; - var scope_HandleNumbers = []; - var scope_ActiveHandlesCount = 0; - var scope_Events = {}; - // Document Nodes - var scope_Document = target.ownerDocument; - var scope_DocumentElement = options.documentElement || scope_Document.documentElement; - var scope_Body = scope_Document.body; - // For horizontal sliders in standard ltr documents, - // make .directorist-custom-range-slider-origin overflow to the left so the document doesn't scroll. - var scope_DirOffset = scope_Document.dir === 'rtl' || options.ort === 1 ? 0 : 100; - // Creates a node, adds it to target, returns the new node. - function addNodeTo(addTarget, className) { - var div = scope_Document.createElement('div'); - if (className) { - addClass(div, className); - } - addTarget.appendChild(div); - return div; - } - // Append a origin to the base - function addOrigin(base, handleNumber) { - var origin = addNodeTo(base, options.cssClasses.origin); - var handle = addNodeTo(origin, options.cssClasses.handle); - addNodeTo(handle, options.cssClasses.touchArea); - handle.setAttribute('data-handle', String(handleNumber)); - if (options.keyboardSupport) { - // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex - // 0 = focusable and reachable - handle.setAttribute('tabindex', '0'); - handle.addEventListener('keydown', function (event) { - return eventKeydown(event, handleNumber); - }); - } - if (options.handleAttributes !== undefined) { - var attributes_1 = options.handleAttributes[handleNumber]; - Object.keys(attributes_1).forEach(function (attribute) { - handle.setAttribute(attribute, attributes_1[attribute]); - }); - } - handle.setAttribute('role', 'slider'); - handle.setAttribute('aria-orientation', options.ort ? 'vertical' : 'horizontal'); - if (handleNumber === 0) { - addClass(handle, options.cssClasses.handleLower); - } else if (handleNumber === options.handles - 1) { - addClass(handle, options.cssClasses.handleUpper); - } - origin.handle = handle; - return origin; - } - // Insert nodes for connect elements - function addConnect(base, add) { - if (!add) { - return false; - } - return addNodeTo(base, options.cssClasses.connect); - } - // Add handles to the slider base. - function addElements(connectOptions, base) { - var connectBase = addNodeTo(base, options.cssClasses.connects); - scope_Handles = []; - scope_Connects = []; - scope_Connects.push(addConnect(connectBase, connectOptions[0])); - // [::::O====O====O====] - // connectOptions = [0, 1, 1, 1] - for (var i = 0; i < options.handles; i++) { - // Keep a list of all added handles. - scope_Handles.push(addOrigin(base, i)); - scope_HandleNumbers[i] = i; - scope_Connects.push(addConnect(connectBase, connectOptions[i + 1])); - } - } - // Initialize a single slider. - function addSlider(addTarget) { - // Apply classes and data to the target. - addClass(addTarget, options.cssClasses.target); - if (options.dir === 0) { - addClass(addTarget, options.cssClasses.ltr); - } else { - addClass(addTarget, options.cssClasses.rtl); - } - if (options.ort === 0) { - addClass(addTarget, options.cssClasses.horizontal); - } else { - addClass(addTarget, options.cssClasses.vertical); - } - var textDirection = getComputedStyle(addTarget).direction; - if (textDirection === 'rtl') { - addClass(addTarget, options.cssClasses.textDirectionRtl); - } else { - addClass(addTarget, options.cssClasses.textDirectionLtr); - } - return addNodeTo(addTarget, options.cssClasses.base); - } - function addTooltip(handle, handleNumber) { - if (!options.tooltips || !options.tooltips[handleNumber]) { - return false; - } - return addNodeTo(handle.firstChild, options.cssClasses.tooltip); - } - function isSliderDisabled() { - return scope_Target.hasAttribute('disabled'); - } - // Disable the slider dragging if any handle is disabled - function isHandleDisabled(handleNumber) { - var handleOrigin = scope_Handles[handleNumber]; - return handleOrigin.hasAttribute('disabled'); - } - function disable(handleNumber) { - if (handleNumber !== null && handleNumber !== undefined) { - scope_Handles[handleNumber].setAttribute('disabled', ''); - scope_Handles[handleNumber].handle.removeAttribute('tabindex'); - } else { - scope_Target.setAttribute('disabled', ''); - scope_Handles.forEach(function (handle) { - handle.handle.removeAttribute('tabindex'); - }); - } - } - function enable(handleNumber) { - if (handleNumber !== null && handleNumber !== undefined) { - scope_Handles[handleNumber].removeAttribute('disabled'); - scope_Handles[handleNumber].handle.setAttribute('tabindex', '0'); - } else { - scope_Target.removeAttribute('disabled'); - scope_Handles.forEach(function (handle) { - handle.removeAttribute('disabled'); - handle.handle.setAttribute('tabindex', '0'); - }); - } - } - function removeTooltips() { - if (scope_Tooltips) { - removeEvent('update' + INTERNAL_EVENT_NS.tooltips); - scope_Tooltips.forEach(function (tooltip) { - if (tooltip) { - removeElement(tooltip); - } - }); - scope_Tooltips = null; - } - } - // The tooltips option is a shorthand for using the 'update' event. - function tooltips() { - removeTooltips(); - // Tooltips are added with options.tooltips in original order. - scope_Tooltips = scope_Handles.map(addTooltip); - bindEvent('update' + INTERNAL_EVENT_NS.tooltips, function (values, handleNumber, unencoded) { - if (!scope_Tooltips || !options.tooltips) { - return; - } - if (scope_Tooltips[handleNumber] === false) { - return; - } - var formattedValue = values[handleNumber]; - if (options.tooltips[handleNumber] !== true) { - formattedValue = options.tooltips[handleNumber].to(unencoded[handleNumber]); - } - scope_Tooltips[handleNumber].innerHTML = formattedValue; - }); - } - function aria() { - removeEvent('update' + INTERNAL_EVENT_NS.aria); - bindEvent('update' + INTERNAL_EVENT_NS.aria, function (values, handleNumber, unencoded, tap, positions) { - // Update Aria Values for all handles, as a change in one changes min and max values for the next. - scope_HandleNumbers.forEach(function (index) { - var handle = scope_Handles[index]; - var min = checkHandlePosition(scope_Locations, index, 0, true, true, true); - var max = checkHandlePosition(scope_Locations, index, 100, true, true, true); - var now = positions[index]; - // Formatted value for display - var text = String(options.ariaFormat.to(unencoded[index])); - // Map to slider range values - min = scope_Spectrum.fromStepping(min).toFixed(1); - max = scope_Spectrum.fromStepping(max).toFixed(1); - now = scope_Spectrum.fromStepping(now).toFixed(1); - handle.children[0].setAttribute('aria-valuemin', min); - handle.children[0].setAttribute('aria-valuemax', max); - handle.children[0].setAttribute('aria-valuenow', now); - handle.children[0].setAttribute('aria-valuetext', text); - }); - }); - } - function getGroup(pips) { - // Use the range. - if (pips.mode === exports.PipsMode.Range || pips.mode === exports.PipsMode.Steps) { - return scope_Spectrum.xVal; - } - if (pips.mode === exports.PipsMode.Count) { - if (pips.values < 2) { - throw new Error("directoristCustomRangeSlider: 'values' (>= 2) required for mode 'count'."); - } - // Divide 0 - 100 in 'count' parts. - var interval = pips.values - 1; - var spread = 100 / interval; - var values = []; - // List these parts and have them handled as 'positions'. - while (interval--) { - values[interval] = interval * spread; - } - values.push(100); - return mapToRange(values, pips.stepped); - } - if (pips.mode === exports.PipsMode.Positions) { - // Map all percentages to on-range values. - return mapToRange(pips.values, pips.stepped); - } - if (pips.mode === exports.PipsMode.Values) { - // If the value must be stepped, it needs to be converted to a percentage first. - if (pips.stepped) { - return pips.values.map(function (value) { - // Convert to percentage, apply step, return to value. - return scope_Spectrum.fromStepping(scope_Spectrum.getStep(scope_Spectrum.toStepping(value))); - }); - } - // Otherwise, we can simply use the values. - return pips.values; - } - return []; // pips.mode = never - } - function mapToRange(values, stepped) { - return values.map(function (value) { - return scope_Spectrum.fromStepping(stepped ? scope_Spectrum.getStep(value) : value); - }); - } - function generateSpread(pips) { - function safeIncrement(value, increment) { - // Avoid floating point variance by dropping the smallest decimal places. - return Number((value + increment).toFixed(7)); - } - var group = getGroup(pips); - var indexes = {}; - var firstInRange = scope_Spectrum.xVal[0]; - var lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1]; - var ignoreFirst = false; - var ignoreLast = false; - var prevPct = 0; - // Create a copy of the group, sort it and filter away all duplicates. - group = unique(group.slice().sort(function (a, b) { - return a - b; - })); - // Make sure the range starts with the first element. - if (group[0] !== firstInRange) { - group.unshift(firstInRange); - ignoreFirst = true; - } - // Likewise for the last one. - if (group[group.length - 1] !== lastInRange) { - group.push(lastInRange); - ignoreLast = true; - } - group.forEach(function (current, index) { - // Get the current step and the lower + upper positions. - var step; - var i; - var q; - var low = current; - var high = group[index + 1]; - var newPct; - var pctDifference; - var pctPos; - var type; - var steps; - var realSteps; - var stepSize; - var isSteps = pips.mode === exports.PipsMode.Steps; - // When using 'steps' mode, use the provided steps. - // Otherwise, we'll step on to the next subrange. - if (isSteps) { - step = scope_Spectrum.xNumSteps[index]; - } - // Default to a 'full' step. - if (!step) { - step = high - low; - } - // If high is undefined we are at the last subrange. Make sure it iterates once (#1088) - if (high === undefined) { - high = low; - } - // Make sure step isn't 0, which would cause an infinite loop (#654) - step = Math.max(step, 0.0000001); - // Find all steps in the subrange. - for (i = low; i <= high; i = safeIncrement(i, step)) { - // Get the percentage value for the current step, - // calculate the size for the subrange. - newPct = scope_Spectrum.toStepping(i); - pctDifference = newPct - prevPct; - steps = pctDifference / (pips.density || 1); - realSteps = Math.round(steps); - // This ratio represents the amount of percentage-space a point indicates. - // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided. - // Round the percentage offset to an even number, then divide by two - // to spread the offset on both sides of the range. - stepSize = pctDifference / realSteps; - // Divide all points evenly, adding the correct number to this subrange. - // Run up to <= so that 100% gets a point, event if ignoreLast is set. - for (q = 1; q <= realSteps; q += 1) { - // The ratio between the rounded value and the actual size might be ~1% off. - // Correct the percentage offset by the number of points - // per subrange. density = 1 will result in 100 points on the - // full range, 2 for 50, 4 for 25, etc. - pctPos = prevPct + q * stepSize; - indexes[pctPos.toFixed(5)] = [scope_Spectrum.fromStepping(pctPos), 0]; - } - // Determine the point type. - type = group.indexOf(i) > -1 ? exports.PipsType.LargeValue : isSteps ? exports.PipsType.SmallValue : exports.PipsType.NoValue; - // Enforce the 'ignoreFirst' option by overwriting the type for 0. - if (!index && ignoreFirst && i !== high) { - type = 0; - } - if (!(i === high && ignoreLast)) { - // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value. - indexes[newPct.toFixed(5)] = [i, type]; - } - // Update the percentage count. - prevPct = newPct; - } - }); - return indexes; - } - function addMarking(spread, filterFunc, formatter) { - var _a, _b; - var element = scope_Document.createElement('div'); - var valueSizeClasses = (_a = {}, _a[exports.PipsType.None] = '', _a[exports.PipsType.NoValue] = options.cssClasses.valueNormal, _a[exports.PipsType.LargeValue] = options.cssClasses.valueLarge, _a[exports.PipsType.SmallValue] = options.cssClasses.valueSub, _a); - var markerSizeClasses = (_b = {}, _b[exports.PipsType.None] = '', _b[exports.PipsType.NoValue] = options.cssClasses.markerNormal, _b[exports.PipsType.LargeValue] = options.cssClasses.markerLarge, _b[exports.PipsType.SmallValue] = options.cssClasses.markerSub, _b); - var valueOrientationClasses = [options.cssClasses.valueHorizontal, options.cssClasses.valueVertical]; - var markerOrientationClasses = [options.cssClasses.markerHorizontal, options.cssClasses.markerVertical]; - addClass(element, options.cssClasses.pips); - addClass(element, options.ort === 0 ? options.cssClasses.pipsHorizontal : options.cssClasses.pipsVertical); - function getClasses(type, source) { - var a = source === options.cssClasses.value; - var orientationClasses = a ? valueOrientationClasses : markerOrientationClasses; - var sizeClasses = a ? valueSizeClasses : markerSizeClasses; - return source + ' ' + orientationClasses[options.ort] + ' ' + sizeClasses[type]; - } - function addSpread(offset, value, type) { - // Apply the filter function, if it is set. - type = filterFunc ? filterFunc(value, type) : type; - if (type === exports.PipsType.None) { - return; - } - // Add a marker for every point - var node = addNodeTo(element, false); - node.className = getClasses(type, options.cssClasses.marker); - node.style[options.style] = offset + '%'; - // Values are only appended for points marked '1' or '2'. - if (type > exports.PipsType.NoValue) { - node = addNodeTo(element, false); - node.className = getClasses(type, options.cssClasses.value); - node.setAttribute('data-value', String(value)); - node.style[options.style] = offset + '%'; - node.innerHTML = String(formatter.to(value)); - } - } - // Append all points. - Object.keys(spread).forEach(function (offset) { - addSpread(offset, spread[offset][0], spread[offset][1]); - }); - return element; - } - function removePips() { - if (scope_Pips) { - removeElement(scope_Pips); - scope_Pips = null; - } - } - function pips(pips) { - // Fix #669 - removePips(); - var spread = generateSpread(pips); - var filter = pips.filter; - var format = pips.format || { - to: function to(value) { - return String(Math.round(value)); - } - }; - scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format)); - return scope_Pips; - } - // Shorthand for base dimensions. - function baseSize() { - var rect = scope_Base.getBoundingClientRect(); - var alt = 'offset' + ['Width', 'Height'][options.ort]; - return options.ort === 0 ? rect.width || scope_Base[alt] : rect.height || scope_Base[alt]; - } - // Handler for attaching events trough a proxy. - function attachEvent(events, element, callback, data) { - // This function can be used to 'filter' events to the slider. - // element is a node, not a nodeList - var method = function method(event) { - var e = fixEvent(event, data.pageOffset, data.target || element); - // fixEvent returns false if this event has a different target - // when handling (multi-) touch events; - if (!e) { - return false; - } - // doNotReject is passed by all end events to make sure released touches - // are not rejected, leaving the slider "stuck" to the cursor; - if (isSliderDisabled() && !data.doNotReject) { - return false; - } - // Stop if an active 'tap' transition is taking place. - if (hasClass(scope_Target, options.cssClasses.tap) && !data.doNotReject) { - return false; - } - // Ignore right or middle clicks on start #454 - if (events === actions.start && e.buttons !== undefined && e.buttons > 1) { - return false; - } - // Ignore right or middle clicks on start #454 - if (data.hover && e.buttons) { - return false; - } - // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS. - // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support - // touch-action: manipulation, but that allows panning, which breaks - // sliders after zooming/on non-responsive pages. - // See: https://bugs.webkit.org/show_bug.cgi?id=133112 - if (!supportsPassive) { - e.preventDefault(); - } - e.calcPoint = e.points[options.ort]; - // Call the event handler with the event [ and additional data ]. - callback(e, data); - return; - }; - var methods = []; - // Bind a closure on the target for every event type. - events.split(' ').forEach(function (eventName) { - element.addEventListener(eventName, method, supportsPassive ? { - passive: true - } : false); - methods.push([eventName, method]); - }); - return methods; - } - // Provide a clean event with standardized offset values. - function fixEvent(e, pageOffset, eventTarget) { - // Filter the event to register the type, which can be - // touch, mouse or pointer. Offset changes need to be - // made on an event specific basis. - var touch = e.type.indexOf('touch') === 0; - var mouse = e.type.indexOf('mouse') === 0; - var pointer = e.type.indexOf('pointer') === 0; - var x = 0; - var y = 0; - // IE10 implemented pointer events with a prefix; - if (e.type.indexOf('MSPointer') === 0) { - pointer = true; - } - // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with - // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore - // events that have no touches or buttons associated with them. (#1057, #1079, #1095) - if (e.type === 'mousedown' && !e.buttons && !e.touches) { - return false; - } - // The only thing one handle should be concerned about is the touches that originated on top of it. - if (touch) { - // Returns true if a touch originated on the target. - var isTouchOnTarget = function isTouchOnTarget(checkTouch) { - var target = checkTouch.target; - return target === eventTarget || eventTarget.contains(target) || e.composed && e.composedPath().shift() === eventTarget; - }; - // In the case of touchstart events, we need to make sure there is still no more than one - // touch on the target so we look amongst all touches. - if (e.type === 'touchstart') { - var targetTouches = Array.prototype.filter.call(e.touches, isTouchOnTarget); - // Do not support more than one touch per handle. - if (targetTouches.length > 1) { - return false; - } - x = targetTouches[0].pageX; - y = targetTouches[0].pageY; - } else { - // In the other cases, find on changedTouches is enough. - var targetTouch = Array.prototype.find.call(e.changedTouches, isTouchOnTarget); - // Cancel if the target touch has not moved. - if (!targetTouch) { - return false; - } - x = targetTouch.pageX; - y = targetTouch.pageY; - } - } - pageOffset = pageOffset || getPageOffset(scope_Document); - if (mouse || pointer) { - x = e.clientX + pageOffset.x; - y = e.clientY + pageOffset.y; - } - e.pageOffset = pageOffset; - e.points = [x, y]; - e.cursor = mouse || pointer; // Fix #435 - return e; - } - // Translate a coordinate in the document to a percentage on the slider - function calcPointToPercentage(calcPoint) { - var location = calcPoint - offset(scope_Base, options.ort); - var proposal = location * 100 / baseSize(); - // Clamp proposal between 0% and 100% - // Out-of-bound coordinates may occur when .directorist-custom-range-slider-base pseudo-elements - // are used (e.g. contained handles feature) - proposal = limit(proposal); - return options.dir ? 100 - proposal : proposal; - } - // Find handle closest to a certain percentage on the slider - function getClosestHandle(clickedPosition) { - var smallestDifference = 100; - var handleNumber = false; - scope_Handles.forEach(function (handle, index) { - // Disabled handles are ignored - if (isHandleDisabled(index)) { - return; - } - var handlePosition = scope_Locations[index]; - var differenceWithThisHandle = Math.abs(handlePosition - clickedPosition); - // Initial state - var clickAtEdge = differenceWithThisHandle === 100 && smallestDifference === 100; - // Difference with this handle is smaller than the previously checked handle - var isCloser = differenceWithThisHandle < smallestDifference; - var isCloserAfter = differenceWithThisHandle <= smallestDifference && clickedPosition > handlePosition; - if (isCloser || isCloserAfter || clickAtEdge) { - handleNumber = index; - smallestDifference = differenceWithThisHandle; - } - }); - return handleNumber; - } - // Fire 'end' when a mouse or pen leaves the document. - function documentLeave(event, data) { - if (event.type === 'mouseout' && event.target.nodeName === 'HTML' && event.relatedTarget === null) { - eventEnd(event, data); - } - } - // Handle movement on document for handle and range drag. - function eventMove(event, data) { - // Fix #498 - // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty). - // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero - // IE9 has .buttons and .which zero on mousemove. - // Firefox breaks the spec MDN defines. - if (navigator.appVersion.indexOf('MSIE 9') === -1 && event.buttons === 0 && data.buttonsProperty !== 0) { - return eventEnd(event, data); - } - // Check if we are moving up or down - var movement = (options.dir ? -1 : 1) * (event.calcPoint - data.startCalcPoint); - // Convert the movement into a percentage of the slider width/height - var proposal = movement * 100 / data.baseSize; - moveHandles(movement > 0, proposal, data.locations, data.handleNumbers, data.connect); - } - // Unbind move events on document, call callbacks. - function eventEnd(event, data) { - // The handle is no longer active, so remove the class. - if (data.handle) { - removeClass(data.handle, options.cssClasses.active); - scope_ActiveHandlesCount -= 1; - } - // Unbind the move and end events, which are added on 'start'. - data.listeners.forEach(function (c) { - scope_DocumentElement.removeEventListener(c[0], c[1]); - }); - if (scope_ActiveHandlesCount === 0) { - // Remove dragging class. - removeClass(scope_Target, options.cssClasses.drag); - setZindex(); - // Remove cursor styles and text-selection events bound to the body. - if (event.cursor) { - scope_Body.style.cursor = ''; - scope_Body.removeEventListener('selectstart', preventDefault); - } - } - if (options.events.smoothSteps) { - data.handleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, scope_Locations[handleNumber], true, true, false, false); - }); - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - }); - } - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('change', handleNumber); - fireEvent('set', handleNumber); - fireEvent('end', handleNumber); - }); - } - // Bind move events on document. - function eventStart(event, data) { - // Ignore event if any handle is disabled - if (data.handleNumbers.some(isHandleDisabled)) { - return; - } - var handle; - if (data.handleNumbers.length === 1) { - var handleOrigin = scope_Handles[data.handleNumbers[0]]; - handle = handleOrigin.children[0]; - scope_ActiveHandlesCount += 1; - // Mark the handle as 'active' so it can be styled. - addClass(handle, options.cssClasses.active); - } - // A drag should never propagate up to the 'tap' event. - event.stopPropagation(); - // Record the event listeners. - var listeners = []; - // Attach the move and end events. - var moveEvent = attachEvent(actions.move, scope_DocumentElement, eventMove, { - // The event target has changed so we need to propagate the original one so that we keep - // relying on it to extract target touches. - target: event.target, - handle: handle, - connect: data.connect, - listeners: listeners, - startCalcPoint: event.calcPoint, - baseSize: baseSize(), - pageOffset: event.pageOffset, - handleNumbers: data.handleNumbers, - buttonsProperty: event.buttons, - locations: scope_Locations.slice() - }); - var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, { - target: event.target, - handle: handle, - listeners: listeners, - doNotReject: true, - handleNumbers: data.handleNumbers - }); - var outEvent = attachEvent('mouseout', scope_DocumentElement, documentLeave, { - target: event.target, - handle: handle, - listeners: listeners, - doNotReject: true, - handleNumbers: data.handleNumbers - }); - // We want to make sure we pushed the listeners in the listener list rather than creating - // a new one as it has already been passed to the event handlers. - listeners.push.apply(listeners, moveEvent.concat(endEvent, outEvent)); - // Text selection isn't an issue on touch devices, - // so adding cursor styles can be skipped. - if (event.cursor) { - // Prevent the 'I' cursor and extend the range-drag cursor. - scope_Body.style.cursor = getComputedStyle(event.target).cursor; - // Mark the target with a dragging state. - if (scope_Handles.length > 1) { - addClass(scope_Target, options.cssClasses.drag); - } - // Prevent text selection when dragging the handles. - // In directoristCustomRangeSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move, - // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52, - // meaning the only holdout is iOS Safari. This doesn't matter: text selection isn't triggered there. - // The 'cursor' flag is false. - // See: http://caniuse.com/#search=selectstart - scope_Body.addEventListener('selectstart', preventDefault, false); - } - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('start', handleNumber); - }); - } - // Move closest handle to tapped location. - function eventTap(event) { - // The tap event shouldn't propagate up - event.stopPropagation(); - var proposal = calcPointToPercentage(event.calcPoint); - var handleNumber = getClosestHandle(proposal); - // Tackle the case that all handles are 'disabled'. - if (handleNumber === false) { - return; - } - // Flag the slider as it is now in a transitional state. - // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that. - if (!options.events.snap) { - addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); - } - setHandle(handleNumber, proposal, true, true); - setZindex(); - fireEvent('slide', handleNumber, true); - fireEvent('update', handleNumber, true); - if (!options.events.snap) { - fireEvent('change', handleNumber, true); - fireEvent('set', handleNumber, true); - } else { - eventStart(event, { - handleNumbers: [handleNumber] - }); - } - } - // Fires a 'hover' event for a hovered mouse/pen position. - function eventHover(event) { - var proposal = calcPointToPercentage(event.calcPoint); - var to = scope_Spectrum.getStep(proposal); - var value = scope_Spectrum.fromStepping(to); - Object.keys(scope_Events).forEach(function (targetEvent) { - if ('hover' === targetEvent.split('.')[0]) { - scope_Events[targetEvent].forEach(function (callback) { - callback.call(scope_Self, value); - }); - } - }); - } - // Handles keydown on focused handles - // Don't move the document when pressing arrow keys on focused handles - function eventKeydown(event, handleNumber) { - if (isSliderDisabled() || isHandleDisabled(handleNumber)) { - return false; - } - var horizontalKeys = ['Left', 'Right']; - var verticalKeys = ['Down', 'Up']; - var largeStepKeys = ['PageDown', 'PageUp']; - var edgeKeys = ['Home', 'End']; - if (options.dir && !options.ort) { - // On an right-to-left slider, the left and right keys act inverted - horizontalKeys.reverse(); - } else if (options.ort && !options.dir) { - // On a top-to-bottom slider, the up and down keys act inverted - verticalKeys.reverse(); - largeStepKeys.reverse(); - } - // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key - var key = event.key.replace('Arrow', ''); - var isLargeDown = key === largeStepKeys[0]; - var isLargeUp = key === largeStepKeys[1]; - var isDown = key === verticalKeys[0] || key === horizontalKeys[0] || isLargeDown; - var isUp = key === verticalKeys[1] || key === horizontalKeys[1] || isLargeUp; - var isMin = key === edgeKeys[0]; - var isMax = key === edgeKeys[1]; - if (!isDown && !isUp && !isMin && !isMax) { - return true; - } - event.preventDefault(); - var to; - if (isUp || isDown) { - var direction = isDown ? 0 : 1; - var steps = getNextStepsForHandle(handleNumber); - var step = steps[direction]; - // At the edge of a slider, do nothing - if (step === null) { - return false; - } - // No step set, use the default of 10% of the sub-range - if (step === false) { - step = scope_Spectrum.getDefaultStep(scope_Locations[handleNumber], isDown, options.keyboardDefaultStep); - } - if (isLargeUp || isLargeDown) { - step *= options.keyboardPageMultiplier; - } else { - step *= options.keyboardMultiplier; - } - // Step over zero-length ranges (#948); - step = Math.max(step, 0.0000001); - // Decrement for down steps - step = (isDown ? -1 : 1) * step; - to = scope_Values[handleNumber] + step; - } else if (isMax) { - // End key - to = options.spectrum.xVal[options.spectrum.xVal.length - 1]; - } else { - // Home key - to = options.spectrum.xVal[0]; - } - setHandle(handleNumber, scope_Spectrum.toStepping(to), true, true); - fireEvent('slide', handleNumber); - fireEvent('update', handleNumber); - fireEvent('change', handleNumber); - fireEvent('set', handleNumber); - return false; - } - // Attach events to several slider parts. - function bindSliderEvents(behaviour) { - // Attach the standard drag event to the handles. - if (!behaviour.fixed) { - scope_Handles.forEach(function (handle, index) { - // These events are only bound to the visual handle - // element, not the 'real' origin element. - attachEvent(actions.start, handle.children[0], eventStart, { - handleNumbers: [index] - }); - }); - } - // Attach the tap event to the slider base. - if (behaviour.tap) { - attachEvent(actions.start, scope_Base, eventTap, {}); - } - // Fire hover events - if (behaviour.hover) { - attachEvent(actions.move, scope_Base, eventHover, { - hover: true - }); - } - // Make the range draggable. - if (behaviour.drag) { - scope_Connects.forEach(function (connect, index) { - if (connect === false || index === 0 || index === scope_Connects.length - 1) { - return; - } - var handleBefore = scope_Handles[index - 1]; - var handleAfter = scope_Handles[index]; - var eventHolders = [connect]; - var handlesToDrag = [handleBefore, handleAfter]; - var handleNumbersToDrag = [index - 1, index]; - addClass(connect, options.cssClasses.draggable); - // When the range is fixed, the entire range can - // be dragged by the handles. The handle in the first - // origin will propagate the start event upward, - // but it needs to be bound manually on the other. - if (behaviour.fixed) { - eventHolders.push(handleBefore.children[0]); - eventHolders.push(handleAfter.children[0]); - } - if (behaviour.dragAll) { - handlesToDrag = scope_Handles; - handleNumbersToDrag = scope_HandleNumbers; - } - eventHolders.forEach(function (eventHolder) { - attachEvent(actions.start, eventHolder, eventStart, { - handles: handlesToDrag, - handleNumbers: handleNumbersToDrag, - connect: connect - }); - }); - }); - } - } - // Attach an event to this slider, possibly including a namespace - function bindEvent(namespacedEvent, callback) { - scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || []; - scope_Events[namespacedEvent].push(callback); - // If the event bound is 'update,' fire it immediately for all handles. - if (namespacedEvent.split('.')[0] === 'update') { - scope_Handles.forEach(function (a, index) { - fireEvent('update', index); - }); - } - } - function isInternalNamespace(namespace) { - return namespace === INTERNAL_EVENT_NS.aria || namespace === INTERNAL_EVENT_NS.tooltips; - } - // Undo attachment of event - function removeEvent(namespacedEvent) { - var event = namespacedEvent && namespacedEvent.split('.')[0]; - var namespace = event ? namespacedEvent.substring(event.length) : namespacedEvent; - Object.keys(scope_Events).forEach(function (bind) { - var tEvent = bind.split('.')[0]; - var tNamespace = bind.substring(tEvent.length); - if ((!event || event === tEvent) && (!namespace || namespace === tNamespace)) { - // only delete protected internal event if intentional - if (!isInternalNamespace(tNamespace) || namespace === tNamespace) { - delete scope_Events[bind]; - } - } - }); - } - // External event handling - function fireEvent(eventName, handleNumber, tap) { - Object.keys(scope_Events).forEach(function (targetEvent) { - var eventType = targetEvent.split('.')[0]; - if (eventName === eventType) { - scope_Events[targetEvent].forEach(function (callback) { - callback.call( - // Use the slider public API as the scope ('this') - scope_Self, - // Return values as array, so arg_1[arg_2] is always valid. - scope_Values.map(options.format.to), - // Handle index, 0 or 1 - handleNumber, - // Un-formatted slider values - scope_Values.slice(), - // Event is fired by tap, true or false - tap || false, - // Left offset of the handle, in relation to the slider - scope_Locations.slice(), - // add the slider public API to an accessible parameter when this is unavailable - scope_Self); - }); - } - }); - } - // Split out the handle positioning logic so the Move event can use it, too - function checkHandlePosition(reference, handleNumber, to, lookBackward, lookForward, getValue, smoothSteps) { - var distance; - // For sliders with multiple handles, limit movement to the other handle. - // Apply the margin option by adding it to the handle positions. - if (scope_Handles.length > 1 && !options.events.unconstrained) { - if (lookBackward && handleNumber > 0) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.margin, false); - to = Math.max(to, distance); - } - if (lookForward && handleNumber < scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.margin, true); - to = Math.min(to, distance); - } - } - // The limit option has the opposite effect, limiting handles to a - // maximum distance from another. Limit must be > 0, as otherwise - // handles would be unmovable. - if (scope_Handles.length > 1 && options.limit) { - if (lookBackward && handleNumber > 0) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.limit, false); - to = Math.min(to, distance); - } - if (lookForward && handleNumber < scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.limit, true); - to = Math.max(to, distance); - } - } - // The padding option keeps the handles a certain distance from the - // edges of the slider. Padding must be > 0. - if (options.padding) { - if (handleNumber === 0) { - distance = scope_Spectrum.getAbsoluteDistance(0, options.padding[0], false); - to = Math.max(to, distance); - } - if (handleNumber === scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(100, options.padding[1], true); - to = Math.min(to, distance); - } - } - if (!smoothSteps) { - to = scope_Spectrum.getStep(to); - } - // Limit percentage to the 0 - 100 range - to = limit(to); - // Return false if handle can't move - if (to === reference[handleNumber] && !getValue) { - return false; - } - return to; - } - // Uses slider orientation to create CSS rules. a = base value; - function inRuleOrder(v, a) { - var o = options.ort; - return (o ? a : v) + ', ' + (o ? v : a); - } - // Moves handle(s) by a percentage - // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...]) - function moveHandles(upward, proposal, locations, handleNumbers, connect) { - var proposals = locations.slice(); - // Store first handle now, so we still have it in case handleNumbers is reversed - var firstHandle = handleNumbers[0]; - var smoothSteps = options.events.smoothSteps; - var b = [!upward, upward]; - var f = [upward, !upward]; - // Copy handleNumbers so we don't change the dataset - handleNumbers = handleNumbers.slice(); - // Check to see which handle is 'leading'. - // If that one can't move the second can't either. - if (upward) { - handleNumbers.reverse(); - } - // Step 1: get the maximum percentage that any of the handles can move - if (handleNumbers.length > 1) { - handleNumbers.forEach(function (handleNumber, o) { - var to = checkHandlePosition(proposals, handleNumber, proposals[handleNumber] + proposal, b[o], f[o], false, smoothSteps); - // Stop if one of the handles can't move. - if (to === false) { - proposal = 0; - } else { - proposal = to - proposals[handleNumber]; - proposals[handleNumber] = to; - } - }); - } - // If using one handle, check backward AND forward - else { - b = f = [true]; - } - var state = false; - // Step 2: Try to set the handles with the found percentage - handleNumbers.forEach(function (handleNumber, o) { - state = setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o], false, smoothSteps) || state; - }); - // Step 3: If a handle moved, fire events - if (state) { - handleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - fireEvent('slide', handleNumber); - }); - // If target is a connect, then fire drag event - if (connect != undefined) { - fireEvent('drag', firstHandle); - } - } - } - // Takes a base value and an offset. This offset is used for the connect bar size. - // In the initial design for this feature, the origin element was 1% wide. - // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature - // in this manner: https://bugs.chromium.org/p/chromium/issues/detail?id=798223 - function transformDirection(a, b) { - return options.dir ? 100 - a - b : a; - } - // Updates scope_Locations and scope_Values, updates visual state - function updateHandlePosition(handleNumber, to) { - // Update locations. - scope_Locations[handleNumber] = to; - // Convert the value to the slider stepping/range. - scope_Values[handleNumber] = scope_Spectrum.fromStepping(to); - var translation = transformDirection(to, 0) - scope_DirOffset; - var translateRule = 'translate(' + inRuleOrder(translation + '%', '0') + ')'; - scope_Handles[handleNumber].style[options.transformRule] = translateRule; - updateConnect(handleNumber); - updateConnect(handleNumber + 1); - } - // Handles before the slider middle are stacked later = higher, - // Handles after the middle later is lower - // [[7] [8] .......... | .......... [5] [4] - function setZindex() { - scope_HandleNumbers.forEach(function (handleNumber) { - var dir = scope_Locations[handleNumber] > 50 ? -1 : 1; - var zIndex = 3 + (scope_Handles.length + dir * handleNumber); - scope_Handles[handleNumber].style.zIndex = String(zIndex); - }); - } - // Test suggested values and apply margin, step. - // if exactInput is true, don't run checkHandlePosition, then the handle can be placed in between steps (#436) - function setHandle(handleNumber, to, lookBackward, lookForward, exactInput, smoothSteps) { - if (!exactInput) { - to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward, false, smoothSteps); - } - if (to === false) { - return false; - } - updateHandlePosition(handleNumber, to); - return true; - } - // Updates style attribute for connect nodes - function updateConnect(index) { - // Skip connects set to false - if (!scope_Connects[index]) { - return; - } - var l = 0; - var h = 100; - if (index !== 0) { - l = scope_Locations[index - 1]; - } - if (index !== scope_Connects.length - 1) { - h = scope_Locations[index]; - } - // We use two rules: - // 'translate' to change the left/top offset; - // 'scale' to change the width of the element; - // As the element has a width of 100%, a translation of 100% is equal to 100% of the parent (.directorist-custom-range-slider-base) - var connectWidth = h - l; - var translateRule = options.dir ? 'translate(' + inRuleOrder(-l + '%', '0') + ')' // RTL - : 'translate(' + inRuleOrder(l + '%', '0') + ')'; // LTR - var scaleRule = 'scale(' + inRuleOrder(connectWidth / 100, '1') + ')'; - scope_Connects[index].style[options.transformRule] = translateRule + ' ' + scaleRule; - } - // Parses value passed to .set method. Returns current value if not parse-able. - function resolveToValue(to, handleNumber) { - // Setting with null indicates an 'ignore'. - // Inputting 'false' is invalid. - if (to === null || to === false || to === undefined) { - return scope_Locations[handleNumber]; - } - // If a formatted number was passed, attempt to decode it. - if (typeof to === 'number') { - to = String(to); - } - to = options.format.from(to); - if (to !== false) { - to = scope_Spectrum.toStepping(to); - } - // If parsing the number failed, use the current value. - if (to === false || isNaN(to)) { - return scope_Locations[handleNumber]; - } - return to; - } - // Set the slider value. - function valueSet(input, fireSetEvent, exactInput) { - var values = asArray(input); - var isInit = scope_Locations[0] === undefined; - // Event fires by default - fireSetEvent = fireSetEvent === undefined ? true : fireSetEvent; - // Animation is optional. - // Make sure the initial values were set before using animated placement. - if (options.animate && !isInit) { - addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); - } - // First pass, without lookAhead but with lookBackward. Values are set from left to right. - scope_HandleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, resolveToValue(values[handleNumber], handleNumber), true, false, exactInput); - }); - var i = scope_HandleNumbers.length === 1 ? 0 : 1; - // Spread handles evenly across the slider if the range has no size (min=max) - if (isInit && scope_Spectrum.hasNoSize()) { - exactInput = true; - scope_Locations[0] = 0; - if (scope_HandleNumbers.length > 1) { - var space_1 = 100 / (scope_HandleNumbers.length - 1); - scope_HandleNumbers.forEach(function (handleNumber) { - scope_Locations[handleNumber] = handleNumber * space_1; - }); - } - } - // Secondary passes. Now that all base values are set, apply constraints. - // Iterate all handles to ensure constraints are applied for the entire slider (Issue #1009) - for (; i < scope_HandleNumbers.length; ++i) { - scope_HandleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, scope_Locations[handleNumber], true, true, exactInput); - }); - } - setZindex(); - scope_HandleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - // Fire the event only for handles that received a new value, as per #579 - if (values[handleNumber] !== null && fireSetEvent) { - fireEvent('set', handleNumber); - } - }); - } - // Reset slider to initial values - function valueReset(fireSetEvent) { - valueSet(options.start, fireSetEvent); - } - // Set value for a single handle - function valueSetHandle(handleNumber, value, fireSetEvent, exactInput) { - // Ensure numeric input - handleNumber = Number(handleNumber); - if (!(handleNumber >= 0 && handleNumber < scope_HandleNumbers.length)) { - throw new Error('directoristCustomRangeSlider: invalid handle number, got: ' + handleNumber); - } - // Look both backward and forward, since we don't want this handle to "push" other handles (#960); - // The exactInput argument can be used to ignore slider stepping (#436) - setHandle(handleNumber, resolveToValue(value, handleNumber), true, true, exactInput); - fireEvent('update', handleNumber); - if (fireSetEvent) { - fireEvent('set', handleNumber); - } - } - // Get the slider value. - function valueGet(unencoded) { - if (unencoded === void 0) { - unencoded = false; - } - if (unencoded) { - // return a copy of the raw values - return scope_Values.length === 1 ? scope_Values[0] : scope_Values.slice(0); - } - var values = scope_Values.map(options.format.to); - // If only one handle is used, return a single value. - if (values.length === 1) { - return values[0]; - } - return values; - } - // Removes classes from the root and empties it. - function destroy() { - // remove protected internal listeners - removeEvent(INTERNAL_EVENT_NS.aria); - removeEvent(INTERNAL_EVENT_NS.tooltips); - Object.keys(options.cssClasses).forEach(function (key) { - removeClass(scope_Target, options.cssClasses[key]); - }); - while (scope_Target.firstChild) { - scope_Target.removeChild(scope_Target.firstChild); - } - delete scope_Target.directoristCustomRangeSlider; - } - function getNextStepsForHandle(handleNumber) { - var location = scope_Locations[handleNumber]; - var nearbySteps = scope_Spectrum.getNearbySteps(location); - var value = scope_Values[handleNumber]; - var increment = nearbySteps.thisStep.step; - var decrement = null; - // If snapped, directly use defined step value - if (options.snap) { - return [value - nearbySteps.stepBefore.startValue || null, nearbySteps.stepAfter.startValue - value || null]; - } - // If the next value in this step moves into the next step, - // the increment is the start of the next step - the current value - if (increment !== false) { - if (value + increment > nearbySteps.stepAfter.startValue) { - increment = nearbySteps.stepAfter.startValue - value; - } - } - // If the value is beyond the starting point - if (value > nearbySteps.thisStep.startValue) { - decrement = nearbySteps.thisStep.step; - } else if (nearbySteps.stepBefore.step === false) { - decrement = false; - } - // If a handle is at the start of a step, it always steps back into the previous step first - else { - decrement = value - nearbySteps.stepBefore.highestStep; - } - // Now, if at the slider edges, there is no in/decrement - if (location === 100) { - increment = null; - } else if (location === 0) { - decrement = null; - } - // As per #391, the comparison for the decrement step can have some rounding issues. - var stepDecimals = scope_Spectrum.countStepDecimals(); - // Round per #391 - if (increment !== null && increment !== false) { - increment = Number(increment.toFixed(stepDecimals)); - } - if (decrement !== null && decrement !== false) { - decrement = Number(decrement.toFixed(stepDecimals)); - } - return [decrement, increment]; - } - // Get the current step size for the slider. - function getNextSteps() { - return scope_HandleNumbers.map(getNextStepsForHandle); - } - // Updatable: margin, limit, padding, step, range, animate, snap - function updateOptions(optionsToUpdate, fireSetEvent) { - // Spectrum is created using the range, snap, direction and step options. - // 'snap' and 'step' can be updated. - // If 'snap' and 'step' are not passed, they should remain unchanged. - var v = valueGet(); - var updateAble = ['margin', 'limit', 'padding', 'range', 'animate', 'snap', 'step', 'format', 'pips', 'tooltips']; - // Only change options that we're actually passed to update. - updateAble.forEach(function (name) { - // Check for undefined. null removes the value. - if (optionsToUpdate[name] !== undefined) { - originalOptions[name] = optionsToUpdate[name]; - } - }); - var newOptions = customRangeOptions(originalOptions); - // Load new options into the slider state - updateAble.forEach(function (name) { - if (optionsToUpdate[name] !== undefined) { - options[name] = newOptions[name]; - } - }); - scope_Spectrum = newOptions.spectrum; - // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677) - options.margin = newOptions.margin; - options.limit = newOptions.limit; - options.padding = newOptions.padding; - // Update pips, removes existing. - if (options.pips) { - pips(options.pips); - } else { - removePips(); - } - // Update tooltips, removes existing. - if (options.tooltips) { - tooltips(); - } else { - removeTooltips(); - } - // Invalidate the current positioning so valueSet forces an update. - scope_Locations = []; - valueSet(isSet(optionsToUpdate.start) ? optionsToUpdate.start : v, fireSetEvent); - } - // Initialization steps - function setupSlider() { - // Create the base element, initialize HTML and set classes. - // Add handles and connect elements. - scope_Base = addSlider(scope_Target); - addElements(options.connect, scope_Base); - // Attach user events. - bindSliderEvents(options.events); - // Use the public value method to set the start values. - valueSet(options.start); - if (options.pips) { - pips(options.pips); - } - if (options.tooltips) { - tooltips(); - } - aria(); - } - setupSlider(); - var scope_Self = { - destroy: destroy, - steps: getNextSteps, - on: bindEvent, - off: removeEvent, - get: valueGet, - set: valueSet, - setHandle: valueSetHandle, - reset: valueReset, - disable: disable, - enable: enable, - // Exposed for unit testing, don't use this in your application. - __moveHandles: function __moveHandles(upward, proposal, handleNumbers) { - moveHandles(upward, proposal, scope_Locations, handleNumbers); - }, - options: originalOptions, - updateOptions: updateOptions, - target: scope_Target, - removePips: removePips, - removeTooltips: removeTooltips, - getPositions: function getPositions() { - return scope_Locations.slice(); - }, - getTooltips: function getTooltips() { - return scope_Tooltips; - }, - getOrigins: function getOrigins() { - return scope_Handles; - }, - pips: pips // Issue #594 - }; - return scope_Self; - } - // Run the standard initializer - function initialize(target, originalOptions) { - if (!target || !target.nodeName) { - throw new Error("directoristCustomRangeSlider: create requires a single element, got: ".concat(target)); - } - if (target.directoristCustomRangeSlider) { - throw new Error('directoristCustomRangeSlider: Slider was already initialized.'); - } - var options = customRangeOptions(originalOptions); - var api = scope(target, options, originalOptions); - target.directoristCustomRangeSlider = api; - return api; - } - var directoristCustomRangeSlider = { - __spectrum: Spectrum, - cssClasses: cssClasses, - create: initialize - }; - exports.create = initialize; - exports.cssClasses = cssClasses; - exports.default = directoristCustomRangeSlider; - Object.defineProperty(exports, '__esModule', { - value: true - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=range-slider.js.map \ No newline at end of file + //region Defaults + var defaultFormatter = { + to: function to(value) { + return value === undefined ? '' : value.toFixed(2); + }, + from: Number, + }; + var cssClasses = { + target: 'target', + base: 'base', + origin: 'origin', + handle: 'handle', + handleLower: 'handle-lower', + handleUpper: 'handle-upper', + touchArea: 'touch-area', + horizontal: 'horizontal', + vertical: 'vertical', + background: 'background', + connect: 'connect', + connects: 'connects', + ltr: 'ltr', + rtl: 'rtl', + textDirectionLtr: 'txt-dir-ltr', + textDirectionRtl: 'txt-dir-rtl', + draggable: 'draggable', + drag: 'state-drag', + tap: 'state-tap', + active: 'active', + tooltip: 'tooltip', + pips: 'pips', + pipsHorizontal: 'pips-horizontal', + pipsVertical: 'pips-vertical', + marker: 'marker', + markerHorizontal: 'marker-horizontal', + markerVertical: 'marker-vertical', + markerNormal: 'marker-normal', + markerLarge: 'marker-large', + markerSub: 'marker-sub', + value: 'value', + valueHorizontal: 'value-horizontal', + valueVertical: 'value-vertical', + valueNormal: 'value-normal', + valueLarge: 'value-large', + valueSub: 'value-sub', + }; + // Namespaces of internal event listeners + var INTERNAL_EVENT_NS = { + tooltips: '.__tooltips', + aria: '.__aria', + }; + //endregion + function customRangeStep(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'step' is not numeric." + ); + } + // The step option can still be used to set stepping + // for linear sliders. Overwritten if set in 'range'. + parsed.singleStep = entry; + } + function customRangeKeyboardPageMultiplier(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardPageMultiplier' is not numeric." + ); + } + parsed.keyboardPageMultiplier = entry; + } + function customRangeKeyboardMultiplier(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardMultiplier' is not numeric." + ); + } + parsed.keyboardMultiplier = entry; + } + function customRangeKeyboardDefaultStep(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardDefaultStep' is not numeric." + ); + } + parsed.keyboardDefaultStep = entry; + } + function customRangeRange(parsed, entry) { + // Filter incorrect input. + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) !== 'object' || + Array.isArray(entry) + ) { + throw new Error( + "directoristCustomRangeSlider: 'range' is not an object." + ); + } + // Catch missing start or end. + if (entry.min === undefined || entry.max === undefined) { + throw new Error( + "directoristCustomRangeSlider: Missing 'min' or 'max' in 'range'." + ); + } + parsed.spectrum = new Spectrum( + entry, + parsed.snap || false, + parsed.singleStep + ); + } + function customRangeStart(parsed, entry) { + entry = asArray(entry); + // Validate input. Values aren't tested, as the public .val method + // will always provide a valid location. + if (!Array.isArray(entry) || !entry.length) { + throw new Error( + "directoristCustomRangeSlider: 'start' option is incorrect." + ); + } + // Store the number of handles. + parsed.handles = entry.length; + // When the slider is initialized, the .val method will + // be called with the start options. + parsed.start = entry; + } + function customRangeSnap(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'snap' option must be a boolean." + ); + } + // Enforce 100% stepping within subranges. + parsed.snap = entry; + } + function customRangeAnimate(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'animate' option must be a boolean." + ); + } + // Enforce 100% stepping within subranges. + parsed.animate = entry; + } + function customRangeAnimationDuration(parsed, entry) { + if (typeof entry !== 'number') { + throw new Error( + "directoristCustomRangeSlider: 'animationDuration' option must be a number." + ); + } + parsed.animationDuration = entry; + } + function customRangeConnect(parsed, entry) { + var connect = [false]; + var i; + // Map legacy options + if (entry === 'lower') { + entry = [true, false]; + } else if (entry === 'upper') { + entry = [false, true]; + } + // Handle boolean options + if (entry === true || entry === false) { + for (i = 1; i < parsed.handles; i++) { + connect.push(entry); + } + connect.push(false); + } + // Reject invalid input + else if ( + !Array.isArray(entry) || + !entry.length || + entry.length !== parsed.handles + 1 + ) { + throw new Error( + "directoristCustomRangeSlider: 'connect' option doesn't match handle count." + ); + } else { + connect = entry; + } + parsed.connect = connect; + } + function customRangeOrientation(parsed, entry) { + // Set orientation to an a numerical value for easy + // array selection. + switch (entry) { + case 'horizontal': + parsed.ort = 0; + break; + case 'vertical': + parsed.ort = 1; + break; + default: + throw new Error( + "directoristCustomRangeSlider: 'orientation' option is invalid." + ); + } + } + function customRangeMargin(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'margin' option must be numeric." + ); + } + // Issue #582 + if (entry === 0) { + return; + } + parsed.margin = parsed.spectrum.getDistance(entry); + } + function customRangeLimit(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'limit' option must be numeric." + ); + } + parsed.limit = parsed.spectrum.getDistance(entry); + if (!parsed.limit || parsed.handles < 2) { + throw new Error( + "directoristCustomRangeSlider: 'limit' option is only supported on linear sliders with 2 or more handles." + ); + } + } + function customRangePadding(parsed, entry) { + var index; + if (!isNumeric(entry) && !Array.isArray(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers." + ); + } + if ( + Array.isArray(entry) && + !( + entry.length === 2 || + isNumeric(entry[0]) || + isNumeric(entry[1]) + ) + ) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers." + ); + } + if (entry === 0) { + return; + } + if (!Array.isArray(entry)) { + entry = [entry, entry]; + } + // 'getDistance' returns false for invalid values. + parsed.padding = [ + parsed.spectrum.getDistance(entry[0]), + parsed.spectrum.getDistance(entry[1]), + ]; + for ( + index = 0; + index < parsed.spectrum.xNumSteps.length - 1; + index++ + ) { + // last "range" can't contain step size as it is purely an endpoint. + if ( + parsed.padding[0][index] < 0 || + parsed.padding[1][index] < 0 + ) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be a positive number(s)." + ); + } + } + var totalPadding = entry[0] + entry[1]; + var firstValue = parsed.spectrum.xVal[0]; + var lastValue = + parsed.spectrum.xVal[parsed.spectrum.xVal.length - 1]; + if (totalPadding / (lastValue - firstValue) > 1) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must not exceed 100% of the range." + ); + } + } + function customRangeDirection(parsed, entry) { + // Set direction as a numerical value for easy parsing. + // Invert connection for RTL sliders, so that the proper + // handles get the connect/background classes. + switch (entry) { + case 'ltr': + parsed.dir = 0; + break; + case 'rtl': + parsed.dir = 1; + break; + default: + throw new Error( + "directoristCustomRangeSlider: 'direction' option was not recognized." + ); + } + } + function customRangeBehaviour(parsed, entry) { + // Make sure the input is a string. + if (typeof entry !== 'string') { + throw new Error( + "directoristCustomRangeSlider: 'behaviour' must be a string containing options." + ); + } + // Check if the string contains any keywords. + // None are required. + var tap = entry.indexOf('tap') >= 0; + var drag = entry.indexOf('drag') >= 0; + var fixed = entry.indexOf('fixed') >= 0; + var snap = entry.indexOf('snap') >= 0; + var hover = entry.indexOf('hover') >= 0; + var unconstrained = entry.indexOf('unconstrained') >= 0; + var dragAll = entry.indexOf('drag-all') >= 0; + var smoothSteps = entry.indexOf('smooth-steps') >= 0; + if (fixed) { + if (parsed.handles !== 2) { + throw new Error( + "directoristCustomRangeSlider: 'fixed' behaviour must be used with 2 handles" + ); + } + // Use margin to enforce fixed state + customRangeMargin( + parsed, + parsed.start[1] - parsed.start[0] + ); + } + if (unconstrained && (parsed.margin || parsed.limit)) { + throw new Error( + "directoristCustomRangeSlider: 'unconstrained' behaviour cannot be used with margin or limit" + ); + } + parsed.events = { + tap: tap || snap, + drag: drag, + dragAll: dragAll, + smoothSteps: smoothSteps, + fixed: fixed, + snap: snap, + hover: hover, + unconstrained: unconstrained, + }; + } + function customRangeTooltips(parsed, entry) { + if (entry === false) { + return; + } + if (entry === true || isValidPartialFormatter(entry)) { + parsed.tooltips = []; + for (var i = 0; i < parsed.handles; i++) { + parsed.tooltips.push(entry); + } + } else { + entry = asArray(entry); + if (entry.length !== parsed.handles) { + throw new Error( + 'directoristCustomRangeSlider: must pass a formatter for all handles.' + ); + } + entry.forEach(function (formatter) { + if ( + typeof formatter !== 'boolean' && + !isValidPartialFormatter(formatter) + ) { + throw new Error( + "directoristCustomRangeSlider: 'tooltips' must be passed a formatter or 'false'." + ); + } + }); + parsed.tooltips = entry; + } + } + function customRangeHandleAttributes(parsed, entry) { + if (entry.length !== parsed.handles) { + throw new Error( + 'directoristCustomRangeSlider: must pass a attributes for all handles.' + ); + } + parsed.handleAttributes = entry; + } + function customRangeAriaFormat(parsed, entry) { + if (!isValidPartialFormatter(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'ariaFormat' requires 'to' method." + ); + } + parsed.ariaFormat = entry; + } + function customRangeFormat(parsed, entry) { + if (!isValidFormatter(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'format' requires 'to' and 'from' methods." + ); + } + parsed.format = entry; + } + function customRangeKeyboardSupport(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'keyboardSupport' option must be a boolean." + ); + } + parsed.keyboardSupport = entry; + } + function customRangeDocumentElement(parsed, entry) { + // This is an advanced option. Passed values are used without validation. + parsed.documentElement = entry; + } + function customRangeCssPrefix(parsed, entry) { + if (typeof entry !== 'string' && entry !== false) { + throw new Error( + "directoristCustomRangeSlider: 'cssPrefix' must be a string or `false`." + ); + } + parsed.cssPrefix = entry; + } + function customRangeCssClasses(parsed, entry) { + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) !== 'object' + ) { + throw new Error( + "directoristCustomRangeSlider: 'cssClasses' must be an object." + ); + } + if (typeof parsed.cssPrefix === 'string') { + parsed.cssClasses = {}; + Object.keys(entry).forEach(function (key) { + parsed.cssClasses[key] = parsed.cssPrefix + entry[key]; + }); + } else { + parsed.cssClasses = entry; + } + } + // Test all developer settings and parse to assumption-safe values. + function customRangeOptions(options) { + // To prove a fix for #537, freeze options here. + // If the object is modified, an error will be thrown. + // Object.freeze(options); + var parsed = { + margin: null, + limit: null, + padding: null, + animate: true, + animationDuration: 300, + ariaFormat: defaultFormatter, + format: defaultFormatter, + }; + // Tests are executed in the order they are presented here. + var customRanges = { + step: { + r: false, + t: customRangeStep, + }, + keyboardPageMultiplier: { + r: false, + t: customRangeKeyboardPageMultiplier, + }, + keyboardMultiplier: { + r: false, + t: customRangeKeyboardMultiplier, + }, + keyboardDefaultStep: { + r: false, + t: customRangeKeyboardDefaultStep, + }, + start: { + r: true, + t: customRangeStart, + }, + connect: { + r: true, + t: customRangeConnect, + }, + direction: { + r: true, + t: customRangeDirection, + }, + snap: { + r: false, + t: customRangeSnap, + }, + animate: { + r: false, + t: customRangeAnimate, + }, + animationDuration: { + r: false, + t: customRangeAnimationDuration, + }, + range: { + r: true, + t: customRangeRange, + }, + orientation: { + r: false, + t: customRangeOrientation, + }, + margin: { + r: false, + t: customRangeMargin, + }, + limit: { + r: false, + t: customRangeLimit, + }, + padding: { + r: false, + t: customRangePadding, + }, + behaviour: { + r: true, + t: customRangeBehaviour, + }, + ariaFormat: { + r: false, + t: customRangeAriaFormat, + }, + format: { + r: false, + t: customRangeFormat, + }, + tooltips: { + r: false, + t: customRangeTooltips, + }, + keyboardSupport: { + r: true, + t: customRangeKeyboardSupport, + }, + documentElement: { + r: false, + t: customRangeDocumentElement, + }, + cssPrefix: { + r: true, + t: customRangeCssPrefix, + }, + cssClasses: { + r: true, + t: customRangeCssClasses, + }, + handleAttributes: { + r: false, + t: customRangeHandleAttributes, + }, + }; + var defaults = { + connect: false, + direction: 'ltr', + behaviour: 'tap', + orientation: 'horizontal', + keyboardSupport: true, + cssPrefix: 'directorist-custom-range-slider-', + cssClasses: cssClasses, + keyboardPageMultiplier: 5, + keyboardMultiplier: 1, + keyboardDefaultStep: 10, + }; + // AriaFormat defaults to regular format, if any. + if (options.format && !options.ariaFormat) { + options.ariaFormat = options.format; + } + // Run all options through a testing mechanism to ensure correct + // input. It should be noted that options might get modified to + // be handled properly. E.g. wrapping integers in arrays. + Object.keys(customRanges).forEach(function (name) { + // If the option isn't set, but it is required, throw an error. + if (!isSet(options[name]) && defaults[name] === undefined) { + if (customRanges[name].r) { + throw new Error( + "directoristCustomRangeSlider: '" + + name + + "' is required." + ); + } + return; + } + customRanges[name].t( + parsed, + !isSet(options[name]) ? defaults[name] : options[name] + ); + }); + // Forward pips options + parsed.pips = options.pips; + // All recent browsers accept unprefixed transform. + // We need -ms- for IE9 and -webkit- for older Android; + // Assume use of -webkit- if unprefixed and -ms- are not supported. + // https://caniuse.com/#feat=transforms2d + var d = document.createElement('div'); + var msPrefix = d.style.msTransform !== undefined; + var noPrefix = d.style.transform !== undefined; + parsed.transformRule = noPrefix + ? 'transform' + : msPrefix + ? 'msTransform' + : 'webkitTransform'; + // Pips don't move, so we can place them using left/top. + var styles = [ + ['left', 'top'], + ['right', 'bottom'], + ]; + parsed.style = styles[parsed.dir][parsed.ort]; + return parsed; + } + //endregion + function scope(target, options, originalOptions) { + var actions = getActions(); + var supportsTouchActionNone = getSupportsTouchActionNone(); + var supportsPassive = + supportsTouchActionNone && getSupportsPassive(); + // All variables local to 'scope' are prefixed with 'scope_' + // Slider DOM Nodes + var scope_Target = target; + var scope_Base; + var scope_Handles; + var scope_Connects; + var scope_Pips; + var scope_Tooltips; + // Slider state values + var scope_Spectrum = options.spectrum; + var scope_Values = []; + var scope_Locations = []; + var scope_HandleNumbers = []; + var scope_ActiveHandlesCount = 0; + var scope_Events = {}; + // Document Nodes + var scope_Document = target.ownerDocument; + var scope_DocumentElement = + options.documentElement || scope_Document.documentElement; + var scope_Body = scope_Document.body; + // For horizontal sliders in standard ltr documents, + // make .directorist-custom-range-slider-origin overflow to the left so the document doesn't scroll. + var scope_DirOffset = + scope_Document.dir === 'rtl' || options.ort === 1 ? 0 : 100; + // Creates a node, adds it to target, returns the new node. + function addNodeTo(addTarget, className) { + var div = scope_Document.createElement('div'); + if (className) { + addClass(div, className); + } + addTarget.appendChild(div); + return div; + } + // Append a origin to the base + function addOrigin(base, handleNumber) { + var origin = addNodeTo(base, options.cssClasses.origin); + var handle = addNodeTo(origin, options.cssClasses.handle); + addNodeTo(handle, options.cssClasses.touchArea); + handle.setAttribute('data-handle', String(handleNumber)); + if (options.keyboardSupport) { + // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex + // 0 = focusable and reachable + handle.setAttribute('tabindex', '0'); + handle.addEventListener('keydown', function (event) { + return eventKeydown(event, handleNumber); + }); + } + if (options.handleAttributes !== undefined) { + var attributes_1 = + options.handleAttributes[handleNumber]; + Object.keys(attributes_1).forEach(function (attribute) { + handle.setAttribute( + attribute, + attributes_1[attribute] + ); + }); + } + handle.setAttribute('role', 'slider'); + handle.setAttribute( + 'aria-orientation', + options.ort ? 'vertical' : 'horizontal' + ); + if (handleNumber === 0) { + addClass(handle, options.cssClasses.handleLower); + } else if (handleNumber === options.handles - 1) { + addClass(handle, options.cssClasses.handleUpper); + } + origin.handle = handle; + return origin; + } + // Insert nodes for connect elements + function addConnect(base, add) { + if (!add) { + return false; + } + return addNodeTo(base, options.cssClasses.connect); + } + // Add handles to the slider base. + function addElements(connectOptions, base) { + var connectBase = addNodeTo( + base, + options.cssClasses.connects + ); + scope_Handles = []; + scope_Connects = []; + scope_Connects.push( + addConnect(connectBase, connectOptions[0]) + ); + // [::::O====O====O====] + // connectOptions = [0, 1, 1, 1] + for (var i = 0; i < options.handles; i++) { + // Keep a list of all added handles. + scope_Handles.push(addOrigin(base, i)); + scope_HandleNumbers[i] = i; + scope_Connects.push( + addConnect(connectBase, connectOptions[i + 1]) + ); + } + } + // Initialize a single slider. + function addSlider(addTarget) { + // Apply classes and data to the target. + addClass(addTarget, options.cssClasses.target); + if (options.dir === 0) { + addClass(addTarget, options.cssClasses.ltr); + } else { + addClass(addTarget, options.cssClasses.rtl); + } + if (options.ort === 0) { + addClass(addTarget, options.cssClasses.horizontal); + } else { + addClass(addTarget, options.cssClasses.vertical); + } + var textDirection = getComputedStyle(addTarget).direction; + if (textDirection === 'rtl') { + addClass( + addTarget, + options.cssClasses.textDirectionRtl + ); + } else { + addClass( + addTarget, + options.cssClasses.textDirectionLtr + ); + } + return addNodeTo(addTarget, options.cssClasses.base); + } + function addTooltip(handle, handleNumber) { + if (!options.tooltips || !options.tooltips[handleNumber]) { + return false; + } + return addNodeTo( + handle.firstChild, + options.cssClasses.tooltip + ); + } + function isSliderDisabled() { + return scope_Target.hasAttribute('disabled'); + } + // Disable the slider dragging if any handle is disabled + function isHandleDisabled(handleNumber) { + var handleOrigin = scope_Handles[handleNumber]; + return handleOrigin.hasAttribute('disabled'); + } + function disable(handleNumber) { + if (handleNumber !== null && handleNumber !== undefined) { + scope_Handles[handleNumber].setAttribute( + 'disabled', + '' + ); + scope_Handles[handleNumber].handle.removeAttribute( + 'tabindex' + ); + } else { + scope_Target.setAttribute('disabled', ''); + scope_Handles.forEach(function (handle) { + handle.handle.removeAttribute('tabindex'); + }); + } + } + function enable(handleNumber) { + if (handleNumber !== null && handleNumber !== undefined) { + scope_Handles[handleNumber].removeAttribute('disabled'); + scope_Handles[handleNumber].handle.setAttribute( + 'tabindex', + '0' + ); + } else { + scope_Target.removeAttribute('disabled'); + scope_Handles.forEach(function (handle) { + handle.removeAttribute('disabled'); + handle.handle.setAttribute('tabindex', '0'); + }); + } + } + function removeTooltips() { + if (scope_Tooltips) { + removeEvent('update' + INTERNAL_EVENT_NS.tooltips); + scope_Tooltips.forEach(function (tooltip) { + if (tooltip) { + removeElement(tooltip); + } + }); + scope_Tooltips = null; + } + } + // The tooltips option is a shorthand for using the 'update' event. + function tooltips() { + removeTooltips(); + // Tooltips are added with options.tooltips in original order. + scope_Tooltips = scope_Handles.map(addTooltip); + bindEvent( + 'update' + INTERNAL_EVENT_NS.tooltips, + function (values, handleNumber, unencoded) { + if (!scope_Tooltips || !options.tooltips) { + return; + } + if (scope_Tooltips[handleNumber] === false) { + return; + } + var formattedValue = values[handleNumber]; + if (options.tooltips[handleNumber] !== true) { + formattedValue = options.tooltips[ + handleNumber + ].to(unencoded[handleNumber]); + } + scope_Tooltips[handleNumber].innerHTML = + formattedValue; + } + ); + } + function aria() { + removeEvent('update' + INTERNAL_EVENT_NS.aria); + bindEvent( + 'update' + INTERNAL_EVENT_NS.aria, + function ( + values, + handleNumber, + unencoded, + tap, + positions + ) { + // Update Aria Values for all handles, as a change in one changes min and max values for the next. + scope_HandleNumbers.forEach(function (index) { + var handle = scope_Handles[index]; + var min = checkHandlePosition( + scope_Locations, + index, + 0, + true, + true, + true + ); + var max = checkHandlePosition( + scope_Locations, + index, + 100, + true, + true, + true + ); + var now = positions[index]; + // Formatted value for display + var text = String( + options.ariaFormat.to(unencoded[index]) + ); + // Map to slider range values + min = scope_Spectrum + .fromStepping(min) + .toFixed(1); + max = scope_Spectrum + .fromStepping(max) + .toFixed(1); + now = scope_Spectrum + .fromStepping(now) + .toFixed(1); + handle.children[0].setAttribute( + 'aria-valuemin', + min + ); + handle.children[0].setAttribute( + 'aria-valuemax', + max + ); + handle.children[0].setAttribute( + 'aria-valuenow', + now + ); + handle.children[0].setAttribute( + 'aria-valuetext', + text + ); + }); + } + ); + } + function getGroup(pips) { + // Use the range. + if ( + pips.mode === exports.PipsMode.Range || + pips.mode === exports.PipsMode.Steps + ) { + return scope_Spectrum.xVal; + } + if (pips.mode === exports.PipsMode.Count) { + if (pips.values < 2) { + throw new Error( + "directoristCustomRangeSlider: 'values' (>= 2) required for mode 'count'." + ); + } + // Divide 0 - 100 in 'count' parts. + var interval = pips.values - 1; + var spread = 100 / interval; + var values = []; + // List these parts and have them handled as 'positions'. + while (interval--) { + values[interval] = interval * spread; + } + values.push(100); + return mapToRange(values, pips.stepped); + } + if (pips.mode === exports.PipsMode.Positions) { + // Map all percentages to on-range values. + return mapToRange(pips.values, pips.stepped); + } + if (pips.mode === exports.PipsMode.Values) { + // If the value must be stepped, it needs to be converted to a percentage first. + if (pips.stepped) { + return pips.values.map(function (value) { + // Convert to percentage, apply step, return to value. + return scope_Spectrum.fromStepping( + scope_Spectrum.getStep( + scope_Spectrum.toStepping(value) + ) + ); + }); + } + // Otherwise, we can simply use the values. + return pips.values; + } + return []; // pips.mode = never + } + function mapToRange(values, stepped) { + return values.map(function (value) { + return scope_Spectrum.fromStepping( + stepped ? scope_Spectrum.getStep(value) : value + ); + }); + } + function generateSpread(pips) { + function safeIncrement(value, increment) { + // Avoid floating point variance by dropping the smallest decimal places. + return Number((value + increment).toFixed(7)); + } + var group = getGroup(pips); + var indexes = {}; + var firstInRange = scope_Spectrum.xVal[0]; + var lastInRange = + scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1]; + var ignoreFirst = false; + var ignoreLast = false; + var prevPct = 0; + // Create a copy of the group, sort it and filter away all duplicates. + group = unique( + group.slice().sort(function (a, b) { + return a - b; + }) + ); + // Make sure the range starts with the first element. + if (group[0] !== firstInRange) { + group.unshift(firstInRange); + ignoreFirst = true; + } + // Likewise for the last one. + if (group[group.length - 1] !== lastInRange) { + group.push(lastInRange); + ignoreLast = true; + } + group.forEach(function (current, index) { + // Get the current step and the lower + upper positions. + var step; + var i; + var q; + var low = current; + var high = group[index + 1]; + var newPct; + var pctDifference; + var pctPos; + var type; + var steps; + var realSteps; + var stepSize; + var isSteps = pips.mode === exports.PipsMode.Steps; + // When using 'steps' mode, use the provided steps. + // Otherwise, we'll step on to the next subrange. + if (isSteps) { + step = scope_Spectrum.xNumSteps[index]; + } + // Default to a 'full' step. + if (!step) { + step = high - low; + } + // If high is undefined we are at the last subrange. Make sure it iterates once (#1088) + if (high === undefined) { + high = low; + } + // Make sure step isn't 0, which would cause an infinite loop (#654) + step = Math.max(step, 0.0000001); + // Find all steps in the subrange. + for (i = low; i <= high; i = safeIncrement(i, step)) { + // Get the percentage value for the current step, + // calculate the size for the subrange. + newPct = scope_Spectrum.toStepping(i); + pctDifference = newPct - prevPct; + steps = pctDifference / (pips.density || 1); + realSteps = Math.round(steps); + // This ratio represents the amount of percentage-space a point indicates. + // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided. + // Round the percentage offset to an even number, then divide by two + // to spread the offset on both sides of the range. + stepSize = pctDifference / realSteps; + // Divide all points evenly, adding the correct number to this subrange. + // Run up to <= so that 100% gets a point, event if ignoreLast is set. + for (q = 1; q <= realSteps; q += 1) { + // The ratio between the rounded value and the actual size might be ~1% off. + // Correct the percentage offset by the number of points + // per subrange. density = 1 will result in 100 points on the + // full range, 2 for 50, 4 for 25, etc. + pctPos = prevPct + q * stepSize; + indexes[pctPos.toFixed(5)] = [ + scope_Spectrum.fromStepping(pctPos), + 0, + ]; + } + // Determine the point type. + type = + group.indexOf(i) > -1 + ? exports.PipsType.LargeValue + : isSteps + ? exports.PipsType.SmallValue + : exports.PipsType.NoValue; + // Enforce the 'ignoreFirst' option by overwriting the type for 0. + if (!index && ignoreFirst && i !== high) { + type = 0; + } + if (!(i === high && ignoreLast)) { + // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value. + indexes[newPct.toFixed(5)] = [i, type]; + } + // Update the percentage count. + prevPct = newPct; + } + }); + return indexes; + } + function addMarking(spread, filterFunc, formatter) { + var _a, _b; + var element = scope_Document.createElement('div'); + var valueSizeClasses = + ((_a = {}), + (_a[exports.PipsType.None] = ''), + (_a[exports.PipsType.NoValue] = + options.cssClasses.valueNormal), + (_a[exports.PipsType.LargeValue] = + options.cssClasses.valueLarge), + (_a[exports.PipsType.SmallValue] = + options.cssClasses.valueSub), + _a); + var markerSizeClasses = + ((_b = {}), + (_b[exports.PipsType.None] = ''), + (_b[exports.PipsType.NoValue] = + options.cssClasses.markerNormal), + (_b[exports.PipsType.LargeValue] = + options.cssClasses.markerLarge), + (_b[exports.PipsType.SmallValue] = + options.cssClasses.markerSub), + _b); + var valueOrientationClasses = [ + options.cssClasses.valueHorizontal, + options.cssClasses.valueVertical, + ]; + var markerOrientationClasses = [ + options.cssClasses.markerHorizontal, + options.cssClasses.markerVertical, + ]; + addClass(element, options.cssClasses.pips); + addClass( + element, + options.ort === 0 + ? options.cssClasses.pipsHorizontal + : options.cssClasses.pipsVertical + ); + function getClasses(type, source) { + var a = source === options.cssClasses.value; + var orientationClasses = a + ? valueOrientationClasses + : markerOrientationClasses; + var sizeClasses = a + ? valueSizeClasses + : markerSizeClasses; + return ( + source + + ' ' + + orientationClasses[options.ort] + + ' ' + + sizeClasses[type] + ); + } + function addSpread(offset, value, type) { + // Apply the filter function, if it is set. + type = filterFunc ? filterFunc(value, type) : type; + if (type === exports.PipsType.None) { + return; + } + // Add a marker for every point + var node = addNodeTo(element, false); + node.className = getClasses( + type, + options.cssClasses.marker + ); + node.style[options.style] = offset + '%'; + // Values are only appended for points marked '1' or '2'. + if (type > exports.PipsType.NoValue) { + node = addNodeTo(element, false); + node.className = getClasses( + type, + options.cssClasses.value + ); + node.setAttribute('data-value', String(value)); + node.style[options.style] = offset + '%'; + node.innerHTML = String(formatter.to(value)); + } + } + // Append all points. + Object.keys(spread).forEach(function (offset) { + addSpread(offset, spread[offset][0], spread[offset][1]); + }); + return element; + } + function removePips() { + if (scope_Pips) { + removeElement(scope_Pips); + scope_Pips = null; + } + } + function pips(pips) { + // Fix #669 + removePips(); + var spread = generateSpread(pips); + var filter = pips.filter; + var format = pips.format || { + to: function to(value) { + return String(Math.round(value)); + }, + }; + scope_Pips = scope_Target.appendChild( + addMarking(spread, filter, format) + ); + return scope_Pips; + } + // Shorthand for base dimensions. + function baseSize() { + var rect = scope_Base.getBoundingClientRect(); + var alt = 'offset' + ['Width', 'Height'][options.ort]; + return options.ort === 0 + ? rect.width || scope_Base[alt] + : rect.height || scope_Base[alt]; + } + // Handler for attaching events trough a proxy. + function attachEvent(events, element, callback, data) { + // This function can be used to 'filter' events to the slider. + // element is a node, not a nodeList + var method = function method(event) { + var e = fixEvent( + event, + data.pageOffset, + data.target || element + ); + // fixEvent returns false if this event has a different target + // when handling (multi-) touch events; + if (!e) { + return false; + } + // doNotReject is passed by all end events to make sure released touches + // are not rejected, leaving the slider "stuck" to the cursor; + if (isSliderDisabled() && !data.doNotReject) { + return false; + } + // Stop if an active 'tap' transition is taking place. + if ( + hasClass(scope_Target, options.cssClasses.tap) && + !data.doNotReject + ) { + return false; + } + // Ignore right or middle clicks on start #454 + if ( + events === actions.start && + e.buttons !== undefined && + e.buttons > 1 + ) { + return false; + } + // Ignore right or middle clicks on start #454 + if (data.hover && e.buttons) { + return false; + } + // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS. + // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support + // touch-action: manipulation, but that allows panning, which breaks + // sliders after zooming/on non-responsive pages. + // See: https://bugs.webkit.org/show_bug.cgi?id=133112 + if (!supportsPassive) { + e.preventDefault(); + } + e.calcPoint = e.points[options.ort]; + // Call the event handler with the event [ and additional data ]. + callback(e, data); + return; + }; + var methods = []; + // Bind a closure on the target for every event type. + events.split(' ').forEach(function (eventName) { + element.addEventListener( + eventName, + method, + supportsPassive + ? { + passive: true, + } + : false + ); + methods.push([eventName, method]); + }); + return methods; + } + // Provide a clean event with standardized offset values. + function fixEvent(e, pageOffset, eventTarget) { + // Filter the event to register the type, which can be + // touch, mouse or pointer. Offset changes need to be + // made on an event specific basis. + var touch = e.type.indexOf('touch') === 0; + var mouse = e.type.indexOf('mouse') === 0; + var pointer = e.type.indexOf('pointer') === 0; + var x = 0; + var y = 0; + // IE10 implemented pointer events with a prefix; + if (e.type.indexOf('MSPointer') === 0) { + pointer = true; + } + // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with + // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore + // events that have no touches or buttons associated with them. (#1057, #1079, #1095) + if (e.type === 'mousedown' && !e.buttons && !e.touches) { + return false; + } + // The only thing one handle should be concerned about is the touches that originated on top of it. + if (touch) { + // Returns true if a touch originated on the target. + var isTouchOnTarget = function isTouchOnTarget( + checkTouch + ) { + var target = checkTouch.target; + return ( + target === eventTarget || + eventTarget.contains(target) || + (e.composed && + e.composedPath().shift() === eventTarget) + ); + }; + // In the case of touchstart events, we need to make sure there is still no more than one + // touch on the target so we look amongst all touches. + if (e.type === 'touchstart') { + var targetTouches = Array.prototype.filter.call( + e.touches, + isTouchOnTarget + ); + // Do not support more than one touch per handle. + if (targetTouches.length > 1) { + return false; + } + x = targetTouches[0].pageX; + y = targetTouches[0].pageY; + } else { + // In the other cases, find on changedTouches is enough. + var targetTouch = Array.prototype.find.call( + e.changedTouches, + isTouchOnTarget + ); + // Cancel if the target touch has not moved. + if (!targetTouch) { + return false; + } + x = targetTouch.pageX; + y = targetTouch.pageY; + } + } + pageOffset = pageOffset || getPageOffset(scope_Document); + if (mouse || pointer) { + x = e.clientX + pageOffset.x; + y = e.clientY + pageOffset.y; + } + e.pageOffset = pageOffset; + e.points = [x, y]; + e.cursor = mouse || pointer; // Fix #435 + return e; + } + // Translate a coordinate in the document to a percentage on the slider + function calcPointToPercentage(calcPoint) { + var location = calcPoint - offset(scope_Base, options.ort); + var proposal = (location * 100) / baseSize(); + // Clamp proposal between 0% and 100% + // Out-of-bound coordinates may occur when .directorist-custom-range-slider-base pseudo-elements + // are used (e.g. contained handles feature) + proposal = limit(proposal); + return options.dir ? 100 - proposal : proposal; + } + // Find handle closest to a certain percentage on the slider + function getClosestHandle(clickedPosition) { + var smallestDifference = 100; + var handleNumber = false; + scope_Handles.forEach(function (handle, index) { + // Disabled handles are ignored + if (isHandleDisabled(index)) { + return; + } + var handlePosition = scope_Locations[index]; + var differenceWithThisHandle = Math.abs( + handlePosition - clickedPosition + ); + // Initial state + var clickAtEdge = + differenceWithThisHandle === 100 && + smallestDifference === 100; + // Difference with this handle is smaller than the previously checked handle + var isCloser = + differenceWithThisHandle < smallestDifference; + var isCloserAfter = + differenceWithThisHandle <= smallestDifference && + clickedPosition > handlePosition; + if (isCloser || isCloserAfter || clickAtEdge) { + handleNumber = index; + smallestDifference = differenceWithThisHandle; + } + }); + return handleNumber; + } + // Fire 'end' when a mouse or pen leaves the document. + function documentLeave(event, data) { + if ( + event.type === 'mouseout' && + event.target.nodeName === 'HTML' && + event.relatedTarget === null + ) { + eventEnd(event, data); + } + } + // Handle movement on document for handle and range drag. + function eventMove(event, data) { + // Fix #498 + // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty). + // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero + // IE9 has .buttons and .which zero on mousemove. + // Firefox breaks the spec MDN defines. + if ( + navigator.appVersion.indexOf('MSIE 9') === -1 && + event.buttons === 0 && + data.buttonsProperty !== 0 + ) { + return eventEnd(event, data); + } + // Check if we are moving up or down + var movement = + (options.dir ? -1 : 1) * + (event.calcPoint - data.startCalcPoint); + // Convert the movement into a percentage of the slider width/height + var proposal = (movement * 100) / data.baseSize; + moveHandles( + movement > 0, + proposal, + data.locations, + data.handleNumbers, + data.connect + ); + } + // Unbind move events on document, call callbacks. + function eventEnd(event, data) { + // The handle is no longer active, so remove the class. + if (data.handle) { + removeClass(data.handle, options.cssClasses.active); + scope_ActiveHandlesCount -= 1; + } + // Unbind the move and end events, which are added on 'start'. + data.listeners.forEach(function (c) { + scope_DocumentElement.removeEventListener(c[0], c[1]); + }); + if (scope_ActiveHandlesCount === 0) { + // Remove dragging class. + removeClass(scope_Target, options.cssClasses.drag); + setZindex(); + // Remove cursor styles and text-selection events bound to the body. + if (event.cursor) { + scope_Body.style.cursor = ''; + scope_Body.removeEventListener( + 'selectstart', + preventDefault + ); + } + } + if (options.events.smoothSteps) { + data.handleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + scope_Locations[handleNumber], + true, + true, + false, + false + ); + }); + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + }); + } + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('change', handleNumber); + fireEvent('set', handleNumber); + fireEvent('end', handleNumber); + }); + } + // Bind move events on document. + function eventStart(event, data) { + // Ignore event if any handle is disabled + if (data.handleNumbers.some(isHandleDisabled)) { + return; + } + var handle; + if (data.handleNumbers.length === 1) { + var handleOrigin = scope_Handles[data.handleNumbers[0]]; + handle = handleOrigin.children[0]; + scope_ActiveHandlesCount += 1; + // Mark the handle as 'active' so it can be styled. + addClass(handle, options.cssClasses.active); + } + // A drag should never propagate up to the 'tap' event. + event.stopPropagation(); + // Record the event listeners. + var listeners = []; + // Attach the move and end events. + var moveEvent = attachEvent( + actions.move, + scope_DocumentElement, + eventMove, + { + // The event target has changed so we need to propagate the original one so that we keep + // relying on it to extract target touches. + target: event.target, + handle: handle, + connect: data.connect, + listeners: listeners, + startCalcPoint: event.calcPoint, + baseSize: baseSize(), + pageOffset: event.pageOffset, + handleNumbers: data.handleNumbers, + buttonsProperty: event.buttons, + locations: scope_Locations.slice(), + } + ); + var endEvent = attachEvent( + actions.end, + scope_DocumentElement, + eventEnd, + { + target: event.target, + handle: handle, + listeners: listeners, + doNotReject: true, + handleNumbers: data.handleNumbers, + } + ); + var outEvent = attachEvent( + 'mouseout', + scope_DocumentElement, + documentLeave, + { + target: event.target, + handle: handle, + listeners: listeners, + doNotReject: true, + handleNumbers: data.handleNumbers, + } + ); + // We want to make sure we pushed the listeners in the listener list rather than creating + // a new one as it has already been passed to the event handlers. + listeners.push.apply( + listeners, + moveEvent.concat(endEvent, outEvent) + ); + // Text selection isn't an issue on touch devices, + // so adding cursor styles can be skipped. + if (event.cursor) { + // Prevent the 'I' cursor and extend the range-drag cursor. + scope_Body.style.cursor = getComputedStyle( + event.target + ).cursor; + // Mark the target with a dragging state. + if (scope_Handles.length > 1) { + addClass(scope_Target, options.cssClasses.drag); + } + // Prevent text selection when dragging the handles. + // In directoristCustomRangeSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move, + // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52, + // meaning the only holdout is iOS Safari. This doesn't matter: text selection isn't triggered there. + // The 'cursor' flag is false. + // See: http://caniuse.com/#search=selectstart + scope_Body.addEventListener( + 'selectstart', + preventDefault, + false + ); + } + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('start', handleNumber); + }); + } + // Move closest handle to tapped location. + function eventTap(event) { + // The tap event shouldn't propagate up + event.stopPropagation(); + var proposal = calcPointToPercentage(event.calcPoint); + var handleNumber = getClosestHandle(proposal); + // Tackle the case that all handles are 'disabled'. + if (handleNumber === false) { + return; + } + // Flag the slider as it is now in a transitional state. + // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that. + if (!options.events.snap) { + addClassFor( + scope_Target, + options.cssClasses.tap, + options.animationDuration + ); + } + setHandle(handleNumber, proposal, true, true); + setZindex(); + fireEvent('slide', handleNumber, true); + fireEvent('update', handleNumber, true); + if (!options.events.snap) { + fireEvent('change', handleNumber, true); + fireEvent('set', handleNumber, true); + } else { + eventStart(event, { + handleNumbers: [handleNumber], + }); + } + } + // Fires a 'hover' event for a hovered mouse/pen position. + function eventHover(event) { + var proposal = calcPointToPercentage(event.calcPoint); + var to = scope_Spectrum.getStep(proposal); + var value = scope_Spectrum.fromStepping(to); + Object.keys(scope_Events).forEach(function (targetEvent) { + if ('hover' === targetEvent.split('.')[0]) { + scope_Events[targetEvent].forEach( + function (callback) { + callback.call(scope_Self, value); + } + ); + } + }); + } + // Handles keydown on focused handles + // Don't move the document when pressing arrow keys on focused handles + function eventKeydown(event, handleNumber) { + if (isSliderDisabled() || isHandleDisabled(handleNumber)) { + return false; + } + var horizontalKeys = ['Left', 'Right']; + var verticalKeys = ['Down', 'Up']; + var largeStepKeys = ['PageDown', 'PageUp']; + var edgeKeys = ['Home', 'End']; + if (options.dir && !options.ort) { + // On an right-to-left slider, the left and right keys act inverted + horizontalKeys.reverse(); + } else if (options.ort && !options.dir) { + // On a top-to-bottom slider, the up and down keys act inverted + verticalKeys.reverse(); + largeStepKeys.reverse(); + } + // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key + var key = event.key.replace('Arrow', ''); + var isLargeDown = key === largeStepKeys[0]; + var isLargeUp = key === largeStepKeys[1]; + var isDown = + key === verticalKeys[0] || + key === horizontalKeys[0] || + isLargeDown; + var isUp = + key === verticalKeys[1] || + key === horizontalKeys[1] || + isLargeUp; + var isMin = key === edgeKeys[0]; + var isMax = key === edgeKeys[1]; + if (!isDown && !isUp && !isMin && !isMax) { + return true; + } + event.preventDefault(); + var to; + if (isUp || isDown) { + var direction = isDown ? 0 : 1; + var steps = getNextStepsForHandle(handleNumber); + var step = steps[direction]; + // At the edge of a slider, do nothing + if (step === null) { + return false; + } + // No step set, use the default of 10% of the sub-range + if (step === false) { + step = scope_Spectrum.getDefaultStep( + scope_Locations[handleNumber], + isDown, + options.keyboardDefaultStep + ); + } + if (isLargeUp || isLargeDown) { + step *= options.keyboardPageMultiplier; + } else { + step *= options.keyboardMultiplier; + } + // Step over zero-length ranges (#948); + step = Math.max(step, 0.0000001); + // Decrement for down steps + step = (isDown ? -1 : 1) * step; + to = scope_Values[handleNumber] + step; + } else if (isMax) { + // End key + to = + options.spectrum.xVal[ + options.spectrum.xVal.length - 1 + ]; + } else { + // Home key + to = options.spectrum.xVal[0]; + } + setHandle( + handleNumber, + scope_Spectrum.toStepping(to), + true, + true + ); + fireEvent('slide', handleNumber); + fireEvent('update', handleNumber); + fireEvent('change', handleNumber); + fireEvent('set', handleNumber); + return false; + } + // Attach events to several slider parts. + function bindSliderEvents(behaviour) { + // Attach the standard drag event to the handles. + if (!behaviour.fixed) { + scope_Handles.forEach(function (handle, index) { + // These events are only bound to the visual handle + // element, not the 'real' origin element. + attachEvent( + actions.start, + handle.children[0], + eventStart, + { + handleNumbers: [index], + } + ); + }); + } + // Attach the tap event to the slider base. + if (behaviour.tap) { + attachEvent(actions.start, scope_Base, eventTap, {}); + } + // Fire hover events + if (behaviour.hover) { + attachEvent(actions.move, scope_Base, eventHover, { + hover: true, + }); + } + // Make the range draggable. + if (behaviour.drag) { + scope_Connects.forEach(function (connect, index) { + if ( + connect === false || + index === 0 || + index === scope_Connects.length - 1 + ) { + return; + } + var handleBefore = scope_Handles[index - 1]; + var handleAfter = scope_Handles[index]; + var eventHolders = [connect]; + var handlesToDrag = [handleBefore, handleAfter]; + var handleNumbersToDrag = [index - 1, index]; + addClass(connect, options.cssClasses.draggable); + // When the range is fixed, the entire range can + // be dragged by the handles. The handle in the first + // origin will propagate the start event upward, + // but it needs to be bound manually on the other. + if (behaviour.fixed) { + eventHolders.push(handleBefore.children[0]); + eventHolders.push(handleAfter.children[0]); + } + if (behaviour.dragAll) { + handlesToDrag = scope_Handles; + handleNumbersToDrag = scope_HandleNumbers; + } + eventHolders.forEach(function (eventHolder) { + attachEvent( + actions.start, + eventHolder, + eventStart, + { + handles: handlesToDrag, + handleNumbers: handleNumbersToDrag, + connect: connect, + } + ); + }); + }); + } + } + // Attach an event to this slider, possibly including a namespace + function bindEvent(namespacedEvent, callback) { + scope_Events[namespacedEvent] = + scope_Events[namespacedEvent] || []; + scope_Events[namespacedEvent].push(callback); + // If the event bound is 'update,' fire it immediately for all handles. + if (namespacedEvent.split('.')[0] === 'update') { + scope_Handles.forEach(function (a, index) { + fireEvent('update', index); + }); + } + } + function isInternalNamespace(namespace) { + return ( + namespace === INTERNAL_EVENT_NS.aria || + namespace === INTERNAL_EVENT_NS.tooltips + ); + } + // Undo attachment of event + function removeEvent(namespacedEvent) { + var event = + namespacedEvent && namespacedEvent.split('.')[0]; + var namespace = event + ? namespacedEvent.substring(event.length) + : namespacedEvent; + Object.keys(scope_Events).forEach(function (bind) { + var tEvent = bind.split('.')[0]; + var tNamespace = bind.substring(tEvent.length); + if ( + (!event || event === tEvent) && + (!namespace || namespace === tNamespace) + ) { + // only delete protected internal event if intentional + if ( + !isInternalNamespace(tNamespace) || + namespace === tNamespace + ) { + delete scope_Events[bind]; + } + } + }); + } + // External event handling + function fireEvent(eventName, handleNumber, tap) { + Object.keys(scope_Events).forEach(function (targetEvent) { + var eventType = targetEvent.split('.')[0]; + if (eventName === eventType) { + scope_Events[targetEvent].forEach( + function (callback) { + callback.call( + // Use the slider public API as the scope ('this') + scope_Self, + // Return values as array, so arg_1[arg_2] is always valid. + scope_Values.map(options.format.to), + // Handle index, 0 or 1 + handleNumber, + // Un-formatted slider values + scope_Values.slice(), + // Event is fired by tap, true or false + tap || false, + // Left offset of the handle, in relation to the slider + scope_Locations.slice(), + // add the slider public API to an accessible parameter when this is unavailable + scope_Self + ); + } + ); + } + }); + } + // Split out the handle positioning logic so the Move event can use it, too + function checkHandlePosition( + reference, + handleNumber, + to, + lookBackward, + lookForward, + getValue, + smoothSteps + ) { + var distance; + // For sliders with multiple handles, limit movement to the other handle. + // Apply the margin option by adding it to the handle positions. + if ( + scope_Handles.length > 1 && + !options.events.unconstrained + ) { + if (lookBackward && handleNumber > 0) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber - 1], + options.margin, + false + ); + to = Math.max(to, distance); + } + if ( + lookForward && + handleNumber < scope_Handles.length - 1 + ) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber + 1], + options.margin, + true + ); + to = Math.min(to, distance); + } + } + // The limit option has the opposite effect, limiting handles to a + // maximum distance from another. Limit must be > 0, as otherwise + // handles would be unmovable. + if (scope_Handles.length > 1 && options.limit) { + if (lookBackward && handleNumber > 0) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber - 1], + options.limit, + false + ); + to = Math.min(to, distance); + } + if ( + lookForward && + handleNumber < scope_Handles.length - 1 + ) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber + 1], + options.limit, + true + ); + to = Math.max(to, distance); + } + } + // The padding option keeps the handles a certain distance from the + // edges of the slider. Padding must be > 0. + if (options.padding) { + if (handleNumber === 0) { + distance = scope_Spectrum.getAbsoluteDistance( + 0, + options.padding[0], + false + ); + to = Math.max(to, distance); + } + if (handleNumber === scope_Handles.length - 1) { + distance = scope_Spectrum.getAbsoluteDistance( + 100, + options.padding[1], + true + ); + to = Math.min(to, distance); + } + } + if (!smoothSteps) { + to = scope_Spectrum.getStep(to); + } + // Limit percentage to the 0 - 100 range + to = limit(to); + // Return false if handle can't move + if (to === reference[handleNumber] && !getValue) { + return false; + } + return to; + } + // Uses slider orientation to create CSS rules. a = base value; + function inRuleOrder(v, a) { + var o = options.ort; + return (o ? a : v) + ', ' + (o ? v : a); + } + // Moves handle(s) by a percentage + // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...]) + function moveHandles( + upward, + proposal, + locations, + handleNumbers, + connect + ) { + var proposals = locations.slice(); + // Store first handle now, so we still have it in case handleNumbers is reversed + var firstHandle = handleNumbers[0]; + var smoothSteps = options.events.smoothSteps; + var b = [!upward, upward]; + var f = [upward, !upward]; + // Copy handleNumbers so we don't change the dataset + handleNumbers = handleNumbers.slice(); + // Check to see which handle is 'leading'. + // If that one can't move the second can't either. + if (upward) { + handleNumbers.reverse(); + } + // Step 1: get the maximum percentage that any of the handles can move + if (handleNumbers.length > 1) { + handleNumbers.forEach(function (handleNumber, o) { + var to = checkHandlePosition( + proposals, + handleNumber, + proposals[handleNumber] + proposal, + b[o], + f[o], + false, + smoothSteps + ); + // Stop if one of the handles can't move. + if (to === false) { + proposal = 0; + } else { + proposal = to - proposals[handleNumber]; + proposals[handleNumber] = to; + } + }); + } + // If using one handle, check backward AND forward + else { + b = f = [true]; + } + var state = false; + // Step 2: Try to set the handles with the found percentage + handleNumbers.forEach(function (handleNumber, o) { + state = + setHandle( + handleNumber, + locations[handleNumber] + proposal, + b[o], + f[o], + false, + smoothSteps + ) || state; + }); + // Step 3: If a handle moved, fire events + if (state) { + handleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + fireEvent('slide', handleNumber); + }); + // If target is a connect, then fire drag event + if (connect != undefined) { + fireEvent('drag', firstHandle); + } + } + } + // Takes a base value and an offset. This offset is used for the connect bar size. + // In the initial design for this feature, the origin element was 1% wide. + // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature + // in this manner: https://bugs.chromium.org/p/chromium/issues/detail?id=798223 + function transformDirection(a, b) { + return options.dir ? 100 - a - b : a; + } + // Updates scope_Locations and scope_Values, updates visual state + function updateHandlePosition(handleNumber, to) { + // Update locations. + scope_Locations[handleNumber] = to; + // Convert the value to the slider stepping/range. + scope_Values[handleNumber] = + scope_Spectrum.fromStepping(to); + var translation = + transformDirection(to, 0) - scope_DirOffset; + var translateRule = + 'translate(' + + inRuleOrder(translation + '%', '0') + + ')'; + scope_Handles[handleNumber].style[options.transformRule] = + translateRule; + updateConnect(handleNumber); + updateConnect(handleNumber + 1); + } + // Handles before the slider middle are stacked later = higher, + // Handles after the middle later is lower + // [[7] [8] .......... | .......... [5] [4] + function setZindex() { + scope_HandleNumbers.forEach(function (handleNumber) { + var dir = scope_Locations[handleNumber] > 50 ? -1 : 1; + var zIndex = + 3 + (scope_Handles.length + dir * handleNumber); + scope_Handles[handleNumber].style.zIndex = + String(zIndex); + }); + } + // Test suggested values and apply margin, step. + // if exactInput is true, don't run checkHandlePosition, then the handle can be placed in between steps (#436) + function setHandle( + handleNumber, + to, + lookBackward, + lookForward, + exactInput, + smoothSteps + ) { + if (!exactInput) { + to = checkHandlePosition( + scope_Locations, + handleNumber, + to, + lookBackward, + lookForward, + false, + smoothSteps + ); + } + if (to === false) { + return false; + } + updateHandlePosition(handleNumber, to); + return true; + } + // Updates style attribute for connect nodes + function updateConnect(index) { + // Skip connects set to false + if (!scope_Connects[index]) { + return; + } + var l = 0; + var h = 100; + if (index !== 0) { + l = scope_Locations[index - 1]; + } + if (index !== scope_Connects.length - 1) { + h = scope_Locations[index]; + } + // We use two rules: + // 'translate' to change the left/top offset; + // 'scale' to change the width of the element; + // As the element has a width of 100%, a translation of 100% is equal to 100% of the parent (.directorist-custom-range-slider-base) + var connectWidth = h - l; + var translateRule = options.dir + ? 'translate(' + inRuleOrder(-l + '%', '0') + ')' // RTL + : 'translate(' + inRuleOrder(l + '%', '0') + ')'; // LTR + var scaleRule = + 'scale(' + inRuleOrder(connectWidth / 100, '1') + ')'; + scope_Connects[index].style[options.transformRule] = + translateRule + ' ' + scaleRule; + } + // Parses value passed to .set method. Returns current value if not parse-able. + function resolveToValue(to, handleNumber) { + // Setting with null indicates an 'ignore'. + // Inputting 'false' is invalid. + if (to === null || to === false || to === undefined) { + return scope_Locations[handleNumber]; + } + // If a formatted number was passed, attempt to decode it. + if (typeof to === 'number') { + to = String(to); + } + to = options.format.from(to); + if (to !== false) { + to = scope_Spectrum.toStepping(to); + } + // If parsing the number failed, use the current value. + if (to === false || isNaN(to)) { + return scope_Locations[handleNumber]; + } + return to; + } + // Set the slider value. + function valueSet(input, fireSetEvent, exactInput) { + var values = asArray(input); + var isInit = scope_Locations[0] === undefined; + // Event fires by default + fireSetEvent = + fireSetEvent === undefined ? true : fireSetEvent; + // Animation is optional. + // Make sure the initial values were set before using animated placement. + if (options.animate && !isInit) { + addClassFor( + scope_Target, + options.cssClasses.tap, + options.animationDuration + ); + } + // First pass, without lookAhead but with lookBackward. Values are set from left to right. + scope_HandleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + resolveToValue(values[handleNumber], handleNumber), + true, + false, + exactInput + ); + }); + var i = scope_HandleNumbers.length === 1 ? 0 : 1; + // Spread handles evenly across the slider if the range has no size (min=max) + if (isInit && scope_Spectrum.hasNoSize()) { + exactInput = true; + scope_Locations[0] = 0; + if (scope_HandleNumbers.length > 1) { + var space_1 = + 100 / (scope_HandleNumbers.length - 1); + scope_HandleNumbers.forEach( + function (handleNumber) { + scope_Locations[handleNumber] = + handleNumber * space_1; + } + ); + } + } + // Secondary passes. Now that all base values are set, apply constraints. + // Iterate all handles to ensure constraints are applied for the entire slider (Issue #1009) + for (; i < scope_HandleNumbers.length; ++i) { + scope_HandleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + scope_Locations[handleNumber], + true, + true, + exactInput + ); + }); + } + setZindex(); + scope_HandleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + // Fire the event only for handles that received a new value, as per #579 + if (values[handleNumber] !== null && fireSetEvent) { + fireEvent('set', handleNumber); + } + }); + } + // Reset slider to initial values + function valueReset(fireSetEvent) { + valueSet(options.start, fireSetEvent); + } + // Set value for a single handle + function valueSetHandle( + handleNumber, + value, + fireSetEvent, + exactInput + ) { + // Ensure numeric input + handleNumber = Number(handleNumber); + if ( + !( + handleNumber >= 0 && + handleNumber < scope_HandleNumbers.length + ) + ) { + throw new Error( + 'directoristCustomRangeSlider: invalid handle number, got: ' + + handleNumber + ); + } + // Look both backward and forward, since we don't want this handle to "push" other handles (#960); + // The exactInput argument can be used to ignore slider stepping (#436) + setHandle( + handleNumber, + resolveToValue(value, handleNumber), + true, + true, + exactInput + ); + fireEvent('update', handleNumber); + if (fireSetEvent) { + fireEvent('set', handleNumber); + } + } + // Get the slider value. + function valueGet(unencoded) { + if (unencoded === void 0) { + unencoded = false; + } + if (unencoded) { + // return a copy of the raw values + return scope_Values.length === 1 + ? scope_Values[0] + : scope_Values.slice(0); + } + var values = scope_Values.map(options.format.to); + // If only one handle is used, return a single value. + if (values.length === 1) { + return values[0]; + } + return values; + } + // Removes classes from the root and empties it. + function destroy() { + // remove protected internal listeners + removeEvent(INTERNAL_EVENT_NS.aria); + removeEvent(INTERNAL_EVENT_NS.tooltips); + Object.keys(options.cssClasses).forEach(function (key) { + removeClass(scope_Target, options.cssClasses[key]); + }); + while (scope_Target.firstChild) { + scope_Target.removeChild(scope_Target.firstChild); + } + delete scope_Target.directoristCustomRangeSlider; + } + function getNextStepsForHandle(handleNumber) { + var location = scope_Locations[handleNumber]; + var nearbySteps = scope_Spectrum.getNearbySteps(location); + var value = scope_Values[handleNumber]; + var increment = nearbySteps.thisStep.step; + var decrement = null; + // If snapped, directly use defined step value + if (options.snap) { + return [ + value - nearbySteps.stepBefore.startValue || null, + nearbySteps.stepAfter.startValue - value || null, + ]; + } + // If the next value in this step moves into the next step, + // the increment is the start of the next step - the current value + if (increment !== false) { + if ( + value + increment > + nearbySteps.stepAfter.startValue + ) { + increment = + nearbySteps.stepAfter.startValue - value; + } + } + // If the value is beyond the starting point + if (value > nearbySteps.thisStep.startValue) { + decrement = nearbySteps.thisStep.step; + } else if (nearbySteps.stepBefore.step === false) { + decrement = false; + } + // If a handle is at the start of a step, it always steps back into the previous step first + else { + decrement = value - nearbySteps.stepBefore.highestStep; + } + // Now, if at the slider edges, there is no in/decrement + if (location === 100) { + increment = null; + } else if (location === 0) { + decrement = null; + } + // As per #391, the comparison for the decrement step can have some rounding issues. + var stepDecimals = scope_Spectrum.countStepDecimals(); + // Round per #391 + if (increment !== null && increment !== false) { + increment = Number(increment.toFixed(stepDecimals)); + } + if (decrement !== null && decrement !== false) { + decrement = Number(decrement.toFixed(stepDecimals)); + } + return [decrement, increment]; + } + // Get the current step size for the slider. + function getNextSteps() { + return scope_HandleNumbers.map(getNextStepsForHandle); + } + // Updatable: margin, limit, padding, step, range, animate, snap + function updateOptions(optionsToUpdate, fireSetEvent) { + // Spectrum is created using the range, snap, direction and step options. + // 'snap' and 'step' can be updated. + // If 'snap' and 'step' are not passed, they should remain unchanged. + var v = valueGet(); + var updateAble = [ + 'margin', + 'limit', + 'padding', + 'range', + 'animate', + 'snap', + 'step', + 'format', + 'pips', + 'tooltips', + ]; + // Only change options that we're actually passed to update. + updateAble.forEach(function (name) { + // Check for undefined. null removes the value. + if (optionsToUpdate[name] !== undefined) { + originalOptions[name] = optionsToUpdate[name]; + } + }); + var newOptions = customRangeOptions(originalOptions); + // Load new options into the slider state + updateAble.forEach(function (name) { + if (optionsToUpdate[name] !== undefined) { + options[name] = newOptions[name]; + } + }); + scope_Spectrum = newOptions.spectrum; + // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677) + options.margin = newOptions.margin; + options.limit = newOptions.limit; + options.padding = newOptions.padding; + // Update pips, removes existing. + if (options.pips) { + pips(options.pips); + } else { + removePips(); + } + // Update tooltips, removes existing. + if (options.tooltips) { + tooltips(); + } else { + removeTooltips(); + } + // Invalidate the current positioning so valueSet forces an update. + scope_Locations = []; + valueSet( + isSet(optionsToUpdate.start) + ? optionsToUpdate.start + : v, + fireSetEvent + ); + } + // Initialization steps + function setupSlider() { + // Create the base element, initialize HTML and set classes. + // Add handles and connect elements. + scope_Base = addSlider(scope_Target); + addElements(options.connect, scope_Base); + // Attach user events. + bindSliderEvents(options.events); + // Use the public value method to set the start values. + valueSet(options.start); + if (options.pips) { + pips(options.pips); + } + if (options.tooltips) { + tooltips(); + } + aria(); + } + setupSlider(); + var scope_Self = { + destroy: destroy, + steps: getNextSteps, + on: bindEvent, + off: removeEvent, + get: valueGet, + set: valueSet, + setHandle: valueSetHandle, + reset: valueReset, + disable: disable, + enable: enable, + // Exposed for unit testing, don't use this in your application. + __moveHandles: function __moveHandles( + upward, + proposal, + handleNumbers + ) { + moveHandles( + upward, + proposal, + scope_Locations, + handleNumbers + ); + }, + options: originalOptions, + updateOptions: updateOptions, + target: scope_Target, + removePips: removePips, + removeTooltips: removeTooltips, + getPositions: function getPositions() { + return scope_Locations.slice(); + }, + getTooltips: function getTooltips() { + return scope_Tooltips; + }, + getOrigins: function getOrigins() { + return scope_Handles; + }, + pips: pips, // Issue #594 + }; + return scope_Self; + } + // Run the standard initializer + function initialize(target, originalOptions) { + if (!target || !target.nodeName) { + throw new Error( + 'directoristCustomRangeSlider: create requires a single element, got: '.concat( + target + ) + ); + } + if (target.directoristCustomRangeSlider) { + throw new Error( + 'directoristCustomRangeSlider: Slider was already initialized.' + ); + } + var options = customRangeOptions(originalOptions); + var api = scope(target, options, originalOptions); + target.directoristCustomRangeSlider = api; + return api; + } + var directoristCustomRangeSlider = { + __spectrum: Spectrum, + cssClasses: cssClasses, + create: initialize, + }; + exports.create = initialize; + exports.cssClasses = cssClasses; + exports.default = directoristCustomRangeSlider; + Object.defineProperty(exports, '__esModule', { + value: true, + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=range-slider.js.map diff --git a/assets/js/search-form.js b/assets/js/search-form.js index e094c4c571..9ff968947a 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1,2940 +1,5109 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - } - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/category-custom-fields.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/category-custom-fields.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/category-custom-fields.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ initSearchCategoryCustomFields; } -/* harmony export */ }); -// Search Category Change -function hideAllCustomFieldsExceptSelected(relations, categories, $container) { - var fields = Object.keys(relations); - var wrappers = ['.directorist-advanced-filter__advanced__element', '.directorist-search-modal__input', '.directorist-search-field']; - if (!fields.length) { - return; - } - - // Convert categories to array if it's not already - var categoryArray = Array.isArray(categories) ? categories : [categories]; - fields.forEach(function (field) { - var fieldCategory = relations[field]; - - // Try multiple selectors to find the field - var $field = null; - var selectors = ["[name=\"custom_field[".concat(field, "]\"]"), "[name=\"custom_field[".concat(field, "][]\"]"), "[name*=\"".concat(field, "\"]"), "[data-field-key=\"".concat(field, "\"]"), "[id*=\"".concat(field, "\"]")]; - for (var _i = 0, _selectors = selectors; _i < _selectors.length; _i++) { - var selector = _selectors[_i]; - $field = $container.find(selector); - if ($field.length > 0) { - break; - } - } - if (!$field || !$field.length) { - return; - } - - // Check if the field category matches any of the selected categories - var shouldShow = categoryArray.some(function (category) { - return Number(category) === Number(fieldCategory); - }); - if (shouldShow) { - $field.prop('disabled', false); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.show(); - } - }); - } else { - $field.prop('disabled', true); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.hide(); - } - }); - } - }); -} -function initSearchCategoryCustomFields($) { - // Handle multiple search forms and containers - var containers = ['.directorist-search-contents', '.directorist-archive-contents', '.directorist-search-form', '.directorist-add-listing-form']; - containers.forEach(function (containerSelector) { - var $container = $(containerSelector); - if ($container.length) { - // Bind events to all category selects within this container - $container.on('change', '.directorist-category-select, .directorist-search-category select, .bdas-category-search', function (event) { - var $this = $(this); - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - - // If form doesn't have attributes, try container - if (!attributes) { - attributes = $container.data('atts'); - } - - // If still no attributes, try document body - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - // Convert to array if it's a single value - if (!Array.isArray(categories)) { - categories = [categories]; - } - // Convert string values to numbers and filter out empty values - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); // Filter out 0, null, undefined, etc. - } else { - categories = []; - } - - // Use the specific container for field search to avoid conflicts - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $container); - }); - - // Trigger change event on page load for all category selects in this container - $container.find('.directorist-category-select, .directorist-search-category select, .bdas-category-search').each(function () { - $(this).trigger('change'); - }); - } - }); - - // Also handle global category selects that might not be in specific containers - var globalSelectors = '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; - $(document).on('change', globalSelectors, function (event) { - var $this = $(this); - - // Only handle if not already handled by container-specific handlers - if (!event.isDefaultPrevented()) { - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - if (!Array.isArray(categories)) { - categories = [categories]; - } - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); - } else { - categories = []; - } - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $(document.body)); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ initSearchCategoryCustomFields; + }, + /* harmony export */ + } + ); + // Search Category Change + function hideAllCustomFieldsExceptSelected( + relations, + categories, + $container + ) { + var fields = Object.keys(relations); + var wrappers = [ + '.directorist-advanced-filter__advanced__element', + '.directorist-search-modal__input', + '.directorist-search-field', + ]; + if (!fields.length) { + return; + } + + // Convert categories to array if it's not already + var categoryArray = Array.isArray(categories) + ? categories + : [categories]; + fields.forEach(function (field) { + var fieldCategory = relations[field]; + + // Try multiple selectors to find the field + var $field = null; + var selectors = [ + '[name="custom_field['.concat(field, ']"]'), + '[name="custom_field['.concat(field, '][]"]'), + '[name*="'.concat(field, '"]'), + '[data-field-key="'.concat(field, '"]'), + '[id*="'.concat(field, '"]'), + ]; + for ( + var _i = 0, _selectors = selectors; + _i < _selectors.length; + _i++ + ) { + var selector = _selectors[_i]; + $field = $container.find(selector); + if ($field.length > 0) { + break; + } + } + if (!$field || !$field.length) { + return; + } + + // Check if the field category matches any of the selected categories + var shouldShow = categoryArray.some( + function (category) { + return ( + Number(category) === Number(fieldCategory) + ); + } + ); + if (shouldShow) { + $field.prop('disabled', false); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.show(); + } + }); + } else { + $field.prop('disabled', true); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.hide(); + } + }); + } + }); + } + function initSearchCategoryCustomFields($) { + // Handle multiple search forms and containers + var containers = [ + '.directorist-search-contents', + '.directorist-archive-contents', + '.directorist-search-form', + '.directorist-add-listing-form', + ]; + containers.forEach(function (containerSelector) { + var $container = $(containerSelector); + if ($container.length) { + // Bind events to all category selects within this container + $container.on( + 'change', + '.directorist-category-select, .directorist-search-category select, .bdas-category-search', + function (event) { + var $this = $(this); + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + + // If form doesn't have attributes, try container + if (!attributes) { + attributes = $container.data('atts'); + } + + // If still no attributes, try document body + if (!attributes) { + attributes = $(document.body).data( + 'atts' + ); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + // Convert to array if it's a single value + if (!Array.isArray(categories)) { + categories = [categories]; + } + // Convert string values to numbers and filter out empty values + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); // Filter out 0, null, undefined, etc. + } else { + categories = []; + } + + // Use the specific container for field search to avoid conflicts + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $container + ); + } + ); + + // Trigger change event on page load for all category selects in this container + $container + .find( + '.directorist-category-select, .directorist-search-category select, .bdas-category-search' + ) + .each(function () { + $(this).trigger('change'); + }); + } + }); + + // Also handle global category selects that might not be in specific containers + var globalSelectors = + '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; + $(document).on('change', globalSelectors, function (event) { + var $this = $(this); + + // Only handle if not already handled by container-specific handlers + if (!event.isDefaultPrevented()) { + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + if (!attributes) { + attributes = $(document.body).data('atts'); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + if (!Array.isArray(categories)) { + categories = [categories]; + } + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); + } else { + categories = []; + } + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $(document.body) + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!*********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _classCallCheck; } -/* harmony export */ }); -function _classCallCheck(a, n) { - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/createClass.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _classCallCheck; + }, + /* harmony export */ + } + ); + function _classCallCheck(a, n) { + if (!(a instanceof n)) + throw new TypeError( + 'Cannot call a class as a function' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/createClass.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _createClass; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperties(e, r) { - for (var t = 0; t < r.length; t++) { - var o = r[t]; - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o.key), o); - } -} -function _createClass(e, r, t) { - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { - writable: !1 - }), e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _createClass; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var o = r[t]; + ((o.enumerable = o.enumerable || !1), + (o.configurable = !0), + 'value' in o && (o.writable = !0), + Object.defineProperty( + e, + (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(o.key), + o + )); + } + } + function _createClass(e, r, t) { + return ( + r && _defineProperties(e.prototype, r), + t && _defineProperties(e, t), + Object.defineProperty(e, 'prototype', { + writable: !1, + }), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!*************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!*******************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*********************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*********************************************!*\ !*** ./assets/src/js/public/search-form.js ***! \*********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); -/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js"); -/* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global/components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../global/components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/category-custom-fields */ "./assets/src/js/public/components/category-custom-fields.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_colorPicker__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__); - - - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - - - - - - -var ViewportAwareDropdown = /*#__PURE__*/function () { - function ViewportAwareDropdown() { - var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__["default"])(this, ViewportAwareDropdown); - this.options = _objectSpread({ - dropdownClass: '.directorist-search-basic-dropdown-content', - triggerClass: '.directorist-search-basic-dropdown-label', - activeClass: 'dropdown-content-show', - upwardClass: 'dropdown-upward', - offset: 8, - positioningDelay: 10, - mutationDelay: 50, - animationDelay: 300 - }, options); - this.observer = null; - this.isInitialized = false; - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__["default"])(ViewportAwareDropdown, [{ - key: "init", - value: function init() { - if (this.isInitialized) return; - this.bindEvents(); - this.setupMutationObserver(); - this.isInitialized = true; - } - }, { - key: "bindEvents", - value: function bindEvents() { - var _this2 = this; - var debouncedResize = (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_4__["default"])(function () { - return _this2.updateVisibleDropdowns(); - }, 100); - var debouncedScroll = (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_4__["default"])(function () { - return _this2.updateVisibleDropdowns(); - }, 50); - window.addEventListener('resize', debouncedResize); - window.addEventListener('scroll', debouncedScroll); - } - }, { - key: "positionDropdown", - value: function positionDropdown(trigger) { - var dropdown = trigger.parentElement.querySelector(this.options.dropdownClass); - if (!dropdown) return; - dropdown.classList.remove(this.options.upwardClass); - var triggerRect = trigger.getBoundingClientRect(); - var dropdownHeight = dropdown.offsetHeight; - var dropdownWidth = dropdown.offsetWidth; - var viewportHeight = window.innerHeight; - var viewportWidth = window.innerWidth; - var spaceBelow = viewportHeight - triggerRect.bottom; - var spaceAbove = triggerRect.top; - var spaceRight = viewportWidth - triggerRect.left; - var spaceLeft = triggerRect.right; - var needsUpward = spaceBelow < dropdownHeight + this.options.offset && spaceAbove > spaceBelow; - var needsLeft = spaceRight < dropdownWidth && spaceLeft > spaceRight; - if (needsUpward) { - dropdown.classList.add(this.options.upwardClass); - } - this.setDropdownPosition(dropdown, needsUpward, needsLeft); - } - }, { - key: "setDropdownPosition", - value: function setDropdownPosition(dropdown, upward, left) { - var isRTL = document.dir === 'rtl' || document.documentElement.dir === 'rtl'; - Object.assign(dropdown.style, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({ - position: 'absolute', - top: upward ? '' : '100%', - bottom: upward ? '100%' : '', - left: left && !isRTL || !left && isRTL ? 'auto' : '0', - right: left && !isRTL || !left && isRTL ? '0' : 'auto', - transform: '' - }, upward ? 'marginBottom' : 'marginTop', "".concat(this.options.offset, "px"))); - } - }, { - key: "updateVisibleDropdowns", - value: function updateVisibleDropdowns() { - var _this3 = this; - var visibleDropdowns = document.querySelectorAll("".concat(this.options.dropdownClass, ".").concat(this.options.activeClass)); - visibleDropdowns.forEach(function (dropdown) { - var trigger = dropdown.parentElement.querySelector(_this3.options.triggerClass); - if (trigger) { - _this3.positionDropdown(trigger); - } - }); - } - }, { - key: "setupMutationObserver", - value: function setupMutationObserver() { - var _this4 = this; - if (this.observer) return; - this.observer = new MutationObserver(function (mutations) { - mutations.forEach(function (mutation) { - if (mutation.type === 'attributes' && mutation.attributeName === 'class') { - var target = mutation.target; - if (target.classList.contains(_this4.options.dropdownClass) && target.classList.contains(_this4.options.activeClass)) { - var trigger = target.parentElement.querySelector(_this4.options.triggerClass); - if (trigger) { - setTimeout(function () { - return _this4.positionDropdown(trigger); - }, _this4.options.mutationDelay); - } - } - } - if (mutation.type === 'childList') { - mutation.addedNodes.forEach(function (node) { - if (node.nodeType === Node.ELEMENT_NODE) { - var dropdowns = node.querySelectorAll ? node.querySelectorAll(_this4.options.dropdownClass) : node.matches && node.matches(_this4.options.dropdownClass) ? [node] : []; - dropdowns.forEach(function (dropdown) { - var trigger = dropdown.parentElement.querySelector(_this4.options.triggerClass); - if (trigger) { - _this4.attachDropdownEvents(trigger); - } - }); - } - }); - } - }); - }); - this.observer.observe(document.body, { - childList: true, - subtree: true, - attributes: true, - attributeFilter: ['class'] - }); - } - }, { - key: "attachDropdownEvents", - value: function attachDropdownEvents(trigger) { - var _this5 = this; - if (trigger.dataset.viewportDropdownAttached) return; - trigger.addEventListener('click', function (e) { - setTimeout(function () { - return _this5.positionDropdown(e.target); - }, _this5.options.positioningDelay); - }); - trigger.dataset.viewportDropdownAttached = 'true'; - } - }, { - key: "initializeAllDropdowns", - value: function initializeAllDropdowns() { - var _this6 = this; - var allTriggers = document.querySelectorAll(this.options.triggerClass); - allTriggers.forEach(function (trigger) { - _this6.attachDropdownEvents(trigger); - }); - } - }, { - key: "position", - value: function position(trigger) { - var element = typeof trigger === 'string' ? document.querySelector(trigger) : trigger; - if (element) this.positionDropdown(element); - } - }, { - key: "updateOptions", - value: function updateOptions(newOptions) { - Object.assign(this.options, newOptions); - } - }, { - key: "destroy", - value: function destroy() { - if (this.observer) { - this.observer.disconnect(); - this.observer = null; - } - this.isInitialized = false; - } - }]); -}(); -var viewportDropdown = new ViewportAwareDropdown(); - -// Initialize all dropdowns when DOM is ready -document.addEventListener('DOMContentLoaded', function () { - viewportDropdown.initializeAllDropdowns(); -}); -(function ($) { - window.addEventListener('load', function () { - //Remove Preload after Window Load - $('body').removeClass('directorist-preload'); - $('.button.wp-color-result').attr('style', ' '); - - /* ---------------- + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! @babel/runtime/helpers/classCallCheck */ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js' + ); + /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! @babel/runtime/helpers/createClass */ './node_modules/@babel/runtime/helpers/esm/createClass.js' + ); + /* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../global/components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ./../global/components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ./../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/category-custom-fields */ './assets/src/js/public/components/category-custom-fields.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ./components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_colorPicker__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ./components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = + __webpack_require__( + /*! ./components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && r.constructor && (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r).enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor(t, r) + ); + }); + } + return e; + } + + var ViewportAwareDropdown = /*#__PURE__*/ (function () { + function ViewportAwareDropdown() { + var options = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : {}; + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(this, ViewportAwareDropdown); + this.options = _objectSpread( + { + dropdownClass: + '.directorist-search-basic-dropdown-content', + triggerClass: + '.directorist-search-basic-dropdown-label', + activeClass: 'dropdown-content-show', + upwardClass: 'dropdown-upward', + offset: 8, + positioningDelay: 10, + mutationDelay: 50, + animationDelay: 300, + }, + options + ); + this.observer = null; + this.isInitialized = false; + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(ViewportAwareDropdown, [ + { + key: 'init', + value: function init() { + if (this.isInitialized) return; + this.bindEvents(); + this.setupMutationObserver(); + this.isInitialized = true; + }, + }, + { + key: 'bindEvents', + value: function bindEvents() { + var _this2 = this; + var debouncedResize = (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])(function () { + return _this2.updateVisibleDropdowns(); + }, 100); + var debouncedScroll = (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])(function () { + return _this2.updateVisibleDropdowns(); + }, 50); + window.addEventListener('resize', debouncedResize); + window.addEventListener('scroll', debouncedScroll); + }, + }, + { + key: 'positionDropdown', + value: function positionDropdown(trigger) { + var dropdown = trigger.parentElement.querySelector( + this.options.dropdownClass + ); + if (!dropdown) return; + dropdown.classList.remove(this.options.upwardClass); + var triggerRect = trigger.getBoundingClientRect(); + var dropdownHeight = dropdown.offsetHeight; + var dropdownWidth = dropdown.offsetWidth; + var viewportHeight = window.innerHeight; + var viewportWidth = window.innerWidth; + var spaceBelow = viewportHeight - triggerRect.bottom; + var spaceAbove = triggerRect.top; + var spaceRight = viewportWidth - triggerRect.left; + var spaceLeft = triggerRect.right; + var needsUpward = + spaceBelow < dropdownHeight + this.options.offset && + spaceAbove > spaceBelow; + var needsLeft = + spaceRight < dropdownWidth && + spaceLeft > spaceRight; + if (needsUpward) { + dropdown.classList.add(this.options.upwardClass); + } + this.setDropdownPosition( + dropdown, + needsUpward, + needsLeft + ); + }, + }, + { + key: 'setDropdownPosition', + value: function setDropdownPosition( + dropdown, + upward, + left + ) { + var isRTL = + document.dir === 'rtl' || + document.documentElement.dir === 'rtl'; + Object.assign( + dropdown.style, + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + { + position: 'absolute', + top: upward ? '' : '100%', + bottom: upward ? '100%' : '', + left: + (left && !isRTL) || (!left && isRTL) + ? 'auto' + : '0', + right: + (left && !isRTL) || (!left && isRTL) + ? '0' + : 'auto', + transform: '', + }, + upward ? 'marginBottom' : 'marginTop', + ''.concat(this.options.offset, 'px') + ) + ); + }, + }, + { + key: 'updateVisibleDropdowns', + value: function updateVisibleDropdowns() { + var _this3 = this; + var visibleDropdowns = document.querySelectorAll( + '' + .concat(this.options.dropdownClass, '.') + .concat(this.options.activeClass) + ); + visibleDropdowns.forEach(function (dropdown) { + var trigger = dropdown.parentElement.querySelector( + _this3.options.triggerClass + ); + if (trigger) { + _this3.positionDropdown(trigger); + } + }); + }, + }, + { + key: 'setupMutationObserver', + value: function setupMutationObserver() { + var _this4 = this; + if (this.observer) return; + this.observer = new MutationObserver(function ( + mutations + ) { + mutations.forEach(function (mutation) { + if ( + mutation.type === 'attributes' && + mutation.attributeName === 'class' + ) { + var target = mutation.target; + if ( + target.classList.contains( + _this4.options.dropdownClass + ) && + target.classList.contains( + _this4.options.activeClass + ) + ) { + var trigger = + target.parentElement.querySelector( + _this4.options.triggerClass + ); + if (trigger) { + setTimeout(function () { + return _this4.positionDropdown( + trigger + ); + }, _this4.options.mutationDelay); + } + } + } + if (mutation.type === 'childList') { + mutation.addedNodes.forEach( + function (node) { + if ( + node.nodeType === + Node.ELEMENT_NODE + ) { + var dropdowns = + node.querySelectorAll + ? node.querySelectorAll( + _this4.options + .dropdownClass + ) + : node.matches && + node.matches( + _this4 + .options + .dropdownClass + ) + ? [node] + : []; + dropdowns.forEach( + function (dropdown) { + var trigger = + dropdown.parentElement.querySelector( + _this4.options + .triggerClass + ); + if (trigger) { + _this4.attachDropdownEvents( + trigger + ); + } + } + ); + } + } + ); + } + }); + }); + this.observer.observe(document.body, { + childList: true, + subtree: true, + attributes: true, + attributeFilter: ['class'], + }); + }, + }, + { + key: 'attachDropdownEvents', + value: function attachDropdownEvents(trigger) { + var _this5 = this; + if (trigger.dataset.viewportDropdownAttached) return; + trigger.addEventListener('click', function (e) { + setTimeout(function () { + return _this5.positionDropdown(e.target); + }, _this5.options.positioningDelay); + }); + trigger.dataset.viewportDropdownAttached = 'true'; + }, + }, + { + key: 'initializeAllDropdowns', + value: function initializeAllDropdowns() { + var _this6 = this; + var allTriggers = document.querySelectorAll( + this.options.triggerClass + ); + allTriggers.forEach(function (trigger) { + _this6.attachDropdownEvents(trigger); + }); + }, + }, + { + key: 'position', + value: function position(trigger) { + var element = + typeof trigger === 'string' + ? document.querySelector(trigger) + : trigger; + if (element) this.positionDropdown(element); + }, + }, + { + key: 'updateOptions', + value: function updateOptions(newOptions) { + Object.assign(this.options, newOptions); + }, + }, + { + key: 'destroy', + value: function destroy() { + if (this.observer) { + this.observer.disconnect(); + this.observer = null; + } + this.isInitialized = false; + }, + }, + ]); + })(); + var viewportDropdown = new ViewportAwareDropdown(); + + // Initialize all dropdowns when DOM is ready + document.addEventListener('DOMContentLoaded', function () { + viewportDropdown.initializeAllDropdowns(); + }); + (function ($) { + window.addEventListener('load', function () { + //Remove Preload after Window Load + $('body').removeClass('directorist-preload'); + $('.button.wp-color-result').attr('style', ' '); + + /* ---------------- Search Form ------------------ */ - // Default Tags Slice - function defaultTags() { - $('.directorist-btn-ml').each(function (index, element) { - var item = $(element).siblings('.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags'); - var item_checkbox = $(item).find('.directorist-checkbox'); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - if (item_checkbox.length <= 4) { - $(element).css('display', 'none'); - } - }); - } - defaultTags(); - window.addEventListener('triggerSlice', defaultTags); - - // See More Tags Button - $('body').on('click', '.directorist-btn-ml', function (event) { - event.preventDefault(); - var item = $(this).siblings('.directorist-search-tags'); - var item_checkbox = $(item).find('.directorist-checkbox'); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - $(this).toggleClass('active'); - if ($(this).hasClass('active')) { - $(this).text(directorist.i18n_text.show_less); - $(item_checkbox).slice(4, item_checkbox.length).fadeIn(); - } else { - $(this).text(directorist.i18n_text.show_more); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - } - }); - - /*** Search Form ***/ - - // Count Checkbox Selected Items - function selectedItemCount(item) { - var dropdownParent = $(item).closest('.directorist-search-field'); - var dropDownContent = $(item).closest('.directorist-search-basic-dropdown-content'); - var selectedItemCount = dropDownContent.find('.directorist-checkbox input[type="checkbox"]:checked'); - var selectedPrefix = dropDownContent.siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix'); - var selectedCounter = dropDownContent.siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count'); - if (selectedItemCount.length > 0) { - selectedCounter.text(selectedItemCount.length); - selectedPrefix.text('Selected'); - dropdownParent.addClass('input-has-value'); - } else { - // If no items are checked, clear the text - selectedCounter.text(''); - selectedPrefix.text(''); - dropdownParent.removeClass('input-has-value'); - } - } - - // Radio Selected Items - function selectedRadioItem(item) { - var dropdownParent = $(item).closest('.directorist-search-field'); - var dropDownLabel = dropdownParent.find('.directorist-search-basic-dropdown-selected-item'); - var selectedItem = dropdownParent.find('.directorist-radio input[type="radio"]:checked'); - var selectedItemLabel = selectedItem.siblings('.directorist-radio__label').text(); - if (selectedItem) { - dropDownLabel.text(' - ' + selectedItemLabel); - dropdownParent.addClass('input-has-value'); - } else { - // If no items are checked, clear the text - selectedItem.text(''); - dropdownParent.removeClass('input-has-value'); - } - } - - // Checkbox Field Check - $('body').on('change', '.directorist-search-form__top .directorist-search-basic-dropdown input[type="checkbox"], .directorist-search-modal .directorist-search-basic-dropdown input[type="checkbox"]', function (e) { - e.preventDefault(); - selectedItemCount(this); - }); - - // Radio Field Check - $('body').on('change', '.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"], .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]', function (e) { - e.preventDefault(); - selectedRadioItem(this); - }); - - // Initialize selected item count for checkboxes that are already checked on page load - // Process each dropdown that has checked checkboxes to avoid redundant calls - $('.directorist-search-form__top .directorist-search-basic-dropdown-content, .directorist-search-modal .directorist-search-basic-dropdown-content').each(function () { - var checkedCheckbox = $(this).find('input[type="checkbox"]:checked'); - if (checkedCheckbox.length > 0) { - // Call once per dropdown with any checked checkbox - selectedItemCount(checkedCheckbox.first()); - } - }); - - // Initialize selected radio items that are already checked on page load - $('.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"]:checked, .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]:checked').each(function () { - selectedRadioItem(this); - }); - - // Initialize all input fields that have values on page load - $('.directorist-search-form__top .directorist-search-field__input:not(.directorist-search-basic-dropdown), .directorist-search-modal .directorist-search-field__input:not(.directorist-search-basic-dropdown)').each(function () { - var inputField = $(this); - var inputValue = inputField.val(); - var searchField = inputField.closest('.directorist-search-field'); - - // Check if it's a select field - if (inputField.hasClass('directorist-select')) { - var selectElement = inputField.find('select'); - if (selectElement.length) { - inputValue = selectElement.val() || selectElement.data('selected-id'); - } - } - - // If field has a value, add appropriate classes - if (inputValue && inputValue !== '' && inputValue !== '0') { - searchField.addClass('input-has-value'); - if (!searchField.hasClass('input-is-focused')) { - searchField.addClass('input-is-focused'); - } - } - }); - - // Initialize color picker background colors on page load - $('.wp-color-picker, .directorist-color-picker').each(function () { - var colorValue = $(this).val(); - if (colorValue && colorValue !== '') { - var colorButton = $(this).closest('.directorist-search-field').find('.wp-color-result'); - if (colorButton.length) { - colorButton.css('background-color', colorValue); - } - } - }); - - // 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) { - var _this7 = this; - e.preventDefault(); - var dropDownParent = $(this).closest('.directorist-search-field'); - var dropDownContent = $(this).siblings('.directorist-search-basic-dropdown-content'); - dropDownContent.toggleClass('dropdown-content-show'); - if (dropDownContent.hasClass('dropdown-content-show')) { - dropDownParent.addClass('input-is-focused'); - dropDownContent.slideDown(); - setTimeout(function () { - viewportDropdown.position(_this7); - }, viewportDropdown.options.animationDelay); - } else { - dropDownParent.removeClass('input-is-focused'); - dropDownContent.slideUp(); - } - // Hide all other open contents - $('.directorist-search-basic-dropdown-content.dropdown-content-show').not(dropDownContent).each(function () { - $(this).removeClass('dropdown-content-show dropdown-upward').slideUp(); - }); - }); - - // Dropdown Content Hide on Outside Click - $('body').on('click', function (e) { - var dropDownRoot = $(e.target).closest('.directorist-search-form-dropdown'); - var dropDownParent = $('.directorist-search-form-dropdown.input-is-focused'); - var dropDownContent = $('.directorist-search-basic-dropdown-content.dropdown-content-show'); - if (!dropDownRoot.length) { - dropDownParent.each(function () { - $(this).removeClass('input-is-focused'); - }); - dropDownContent.each(function () { - $(this).removeClass('dropdown-content-show dropdown-upward').slideUp(); - }); - } - }); - - // Check Empty Search Fields on Search Modal - function initSearchFields() { - var searchFields = document.querySelectorAll('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - searchFields.forEach(function (searchField) { - var wrapper = searchField.closest('.directorist-search-field'); - if (!wrapper) { - return; - } - var inputFieldValue = searchField.value; - if (searchField.classList.contains('directorist-select')) { - inputFieldValue = searchField.querySelector('select').dataset.selectedId; - } - if (inputFieldValue !== '') { - wrapper.classList.add('input-has-value'); - if (!wrapper.classList.contains('input-is-focused')) { - wrapper.classList.add('input-is-focused'); - } - } else { - inputFieldValue = ''; - if (wrapper.classList.contains('input-has-value')) { - wrapper.classList.remove('input-has-value'); - } - } - }); - } - initSearchFields(); - - // Search Form Reset Button Initialize - function initForm(searchForm) { - var value = false; - - // Check all input fields which are not checkbox, radio & hidden - searchForm.querySelectorAll("input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not(.wp-picker-clear):not(.directorist-custom-range-slider__value__min):not(.directorist-custom-range-slider__value__max)").forEach(function (el) { - if (el.value !== '') { - value = true; - } - }); - - // Check all checkbox, radio field - searchForm.querySelectorAll("input[type='checkbox'], input[type='radio']").forEach(function (el) { - if (el.checked) { - value = true; - } - }); - - // Check all select field - searchForm.querySelectorAll('select').forEach(function (el) { - if (el.value || el.selectedIndex !== 0) { - value = true; - } - }); - - // Check all custom number range field - searchForm.querySelectorAll('.directorist-search-field-text_range .directorist-custom-range-slider__range').forEach(function (el) { - if (el.value === '0-0') { - value = false; - } - }); - - // Check all range slider field - searchForm.querySelectorAll('.directorist-custom-range-slider__value input').forEach(function (el) { - if (el.value > 0) { - value = true; - } - }); - - // Disable Reset Button based on value - if (!value) { - // Find Reset Button in current form - var resetButtonWrapper = searchForm.querySelector('.directorist-advanced-filter__action'); - if (resetButtonWrapper) { - resetButtonWrapper.classList.add('reset-btn-disabled'); - } else { - var _searchForm$closest; - // Find Reset Button in whole listing-with-sidebar - resetButtonWrapper = (_searchForm$closest = searchForm.closest('.listing-with-sidebar')) === null || _searchForm$closest === void 0 ? void 0 : _searchForm$closest.querySelector('.directorist-advanced-filter__action'); - if (resetButtonWrapper) { - resetButtonWrapper.classList.add('reset-btn-disabled'); - } - } - } else { - setTimeout(function () { - enableResetButton(searchForm); - }, 100); - } - } - - // Enable Reset Button - function enableResetButton(searchForm) { - var $resetButtonWrapper = $(searchForm).find('.directorist-advanced-filter__action'); - if (!$resetButtonWrapper.length) { - $resetButtonWrapper = $(searchForm).closest('.directorist-instant-search').find('.directorist-advanced-filter__action'); - } - if ($resetButtonWrapper.length) { - $resetButtonWrapper.removeClass('reset-btn-disabled'); - } - } - - // Initialize Form Reset Button - var searchForm = document.querySelectorAll('.directorist-contents-wrap form'); - searchForm.forEach(function (form) { - setTimeout(function () { - initForm(form); - }, 100); - }); - - // Input Field Check - $('body').on('keyup', '.directorist-contents-wrap form input:not([type="checkbox"]):not([type="radio"])', function (e) { - var searchForm = this.closest('form'); - if (this.value && this.value !== 0 && this.value !== undefined) { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - $('body').on('change', '.directorist-contents-wrap form input[type="checkbox"], .directorist-contents-wrap form input[type="radio"]', function (e) { - var searchForm = this.closest('form'); - if (this.checked) { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - $('body').on('change', '.directorist-contents-wrap form select', function (e) { - var searchForm = this.closest('form'); - if (this.value !== undefined && this.value !== '') { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - - // Color Field Open Button Click - $('.directorist-contents-wrap form .wp-color-result').on('click', function (e) { - e.preventDefault(); - var $parentElement = $(this).closest('.directorist-search-field'); - if ($parentElement.hasClass('input-has-value') || $parentElement.hasClass('input-is-focused')) { - $parentElement.removeClass('input-has-value input-is-focused'); - } else { - $parentElement.addClass('input-has-value input-is-focused'); - } - }); - - // Color Field Clear Button Click - $('.directorist-contents-wrap form .wp-picker-clear').on('click', function (e) { - e.preventDefault(); - var $parentElement = $(this).closest('.directorist-search-field'); - if ($parentElement.hasClass('input-has-value') || $parentElement.hasClass('input-is-focused')) { - $parentElement.removeClass('input-has-value input-is-focused'); - } - var color = ''; - var input = $parentElement.find('.wp-color-picker')[0]; // get raw DOM element - var form = $parentElement.closest('form')[0]; - if (!input || !form) return; - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: input, - form: form - } - }); - window.dispatchEvent(colorChangeEvent); - }); - - // Color Change Event - window.addEventListener('directorist-color-changed', function (e) { - var _e$detail = e.detail, - color = _e$detail.color, - input = _e$detail.input, - form = _e$detail.form; - if (color && color !== '') { - enableResetButton(form); - var $parentElement = $(input).closest('.directorist-search-field'); - if (!$parentElement.hasClass('input-has-value') && !$parentElement.hasClass('input-is-focused')) { - $parentElement.addClass('input-has-value input-is-focused'); - } - } else { - setTimeout(function () { - initForm(form); - }, 100); - } - }); - - // Searchform Reset - function adsFormReset(searchForm) { - searchForm.querySelectorAll("input[type='text']:not(.wp-picker-clear)").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='date']").forEach(function (el) { - el.value = ''; - }); - searchForm.querySelectorAll("input[type='time']").forEach(function (el) { - el.value = ''; - }); - searchForm.querySelectorAll("input[type='url']").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='number']").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='hidden']:not(.listing_type)").forEach(function (el) { - if (el.getAttribute('name') === 'directory_type' || el.getAttribute('name') === 'radius-search-based-on') return; - el.value = ''; - }); - searchForm.querySelectorAll("input[type='radio']").forEach(function (el) { - el.checked = false; - }); - searchForm.querySelectorAll("input[type='checkbox']").forEach(function (el) { - el.checked = false; - }); - searchForm.querySelectorAll('select').forEach(function (el) { - el.selectedIndex = 0; - $('.directorist-select2-dropdown-close').click(); - var parentElem = el.closest('.directorist-search-field'); - if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { - setTimeout(function () { - parentElem.classList.remove('input-has-value', 'input-is-focused'); - }, 100); - } - }); - var customRangeSliders = document.querySelectorAll('.directorist-custom-range-slider'); - customRangeSliders.forEach(function (sliderItem) { - resetCustomRangeSlider(sliderItem); - }); - searchForm.querySelectorAll('.directorist-search-basic-dropdown-content').forEach(function (dropdown) { - var dropDownParent = dropdown.closest('.directorist-search-field'); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix').text(''); - if (dropDownParent.classList.contains('input-has-value') || dropDownParent.classList.contains('input-is-focused')) { - dropDownParent.classList.remove('input-has-value', 'input-is-focused'); - } - }); - var irisPicker = searchForm.querySelector('input.wp-picker-clear'); - if (irisPicker !== null) { - irisPicker.click(); - } - handleRadiusVisibility(); - initForm(searchForm); - } - - // Searchform Reset Trigger - if ($('.directorist-btn-reset-js') !== null) { - $('body').on('click', '.directorist-btn-reset-js', function (e) { - var _this8 = this; - e.preventDefault(); - setTimeout(function () { - // Clear URL params on modal form reset - var baseUrl = window.location.origin + window.location.pathname; - - // Update the URL in the address bar - window.history.replaceState(null, '', baseUrl); - if (_this8.closest('.directorist-search-modal')) { - // Clear only the query parameters - var _baseUrl = window.location.origin + window.location.pathname; - - // Update the URL in the address bar - window.history.replaceState(null, '', _baseUrl); - } - }, 300); - - // Reset search form values - if (this.closest('.directorist-contents-wrap')) { - var _searchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-search-form'); - if (_searchForm) { - adsFormReset(_searchForm); - } - var advanceSearchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__form'); - if (advanceSearchForm) { - adsFormReset(advanceSearchForm); - } - var advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); - if (advanceSearchFilter) { - adsFormReset(advanceSearchFilter); - } - } - }); - } - - // Search Modal Open - function searchModalOpen(searchModalParent) { - var modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - - // Overlay Style - modalOverlay.style.cssText = 'opacity: 1; visibility: visible; transition: 0.3s ease;'; - - // Modal Content Style - modalContent.style.cssText = 'opacity: 1; visibility: visible; bottom:0;'; - } - - // Search Modal Close - function searchModalClose(searchModalParent) { - var modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - - // Overlay Style - if (modalOverlay) { - modalOverlay.style.cssText = 'opacity: 0; visibility: hidden; transition: 0.5s ease'; - } - - // Modal Content Style - if (modalContent) { - modalContent.style.cssText = 'opacity: 0; visibility: hidden; bottom: -200px;'; - } - } - - // Search Modal Minimizer - function searchModalMinimize(searchModalParent) { - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - var modalMinimizer = searchModalParent.querySelector('.directorist-search-modal__minimizer'); - if (modalMinimizer.classList.contains('minimized')) { - modalMinimizer.classList.remove('minimized'); - modalContent.style.bottom = '0'; - } else { - modalMinimizer.classList.add('minimized'); - modalContent.style.bottom = '-50%'; - } - } - - // Search Modal Open Trigger - $('body').on('click', '.directorist-modal-btn', function (e) { - e.preventDefault(); - // added overlay class on body - document.querySelector('.directorist-content-active').classList.add('directorist-overlay-active'); - var parentElement = this.closest('.directorist-contents-wrap'); - if (this.classList.contains('directorist-modal-btn--basic')) { - var searchModalElement = parentElement.querySelector('.directorist-search-modal--basic'); - searchModalOpen(searchModalElement); - } - if (this.classList.contains('directorist-modal-btn--advanced')) { - var _searchModalElement = parentElement.querySelector('.directorist-search-modal--advanced'); - searchModalOpen(_searchModalElement); - } - if (this.classList.contains('directorist-modal-btn--full')) { - var _searchModalElement2 = parentElement.querySelector('.directorist-search-modal--full'); - searchModalOpen(_searchModalElement2); - } - }); - - // Search Modal Close Trigger - $('body').on('click', '.directorist-search-modal__contents__btn--close, .directorist-search-modal__overlay', function (e) { - e.preventDefault(); - // removed overlay class from body - document.querySelector('.directorist-content-active').classList.remove('directorist-overlay-active'); - var searchModalElement = this.closest('.directorist-search-modal'); - searchModalClose(searchModalElement); - }); - - // Search Modal Minimizer Trigger - $('body').on('click', '.directorist-search-modal__minimizer', function (e) { - e.preventDefault(); - var searchModalElement = this.closest('.directorist-search-modal'); - searchModalMinimize(searchModalElement); - }); - - // Search Field Input Value Check - function inputValueCheck(searchField) { - searchField = searchField[0]; - var inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - var inputFieldValue = inputBox && inputBox.value; - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - inputFieldValue = ''; - if (searchField.classList.contains('input-has-value')) { - searchField.classList.remove('input-has-value'); - } - if (searchField.classList.contains('input-is-focused')) { - searchField.classList.remove('input-is-focused'); - } - } - } - - // Search Field Input Event Check - function inputEventCheck(e, searchField) { - searchField = searchField[0]; - var inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - var inputFieldValue = inputBox.value; - if (e.type === 'focusin') { - searchField.classList.add('input-is-focused'); - } else if (e.type === 'focusout') { - if (inputBox.classList.contains('directorist-select')) { - selectFocusOutCheck(searchField, inputBox); - } else { - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - searchField.classList.remove('input-is-focused'); - } - } - } - } - - // Search Field Input Focusout Event Check - function selectFocusOutCheck(searchField, inputBox) { - searchField.classList.add('input-is-focused'); - var inputFieldValue = inputBox.querySelector('select').value; - $('body').one('click', function (e) { - inputFieldValue = inputBox.querySelector('select').value; - var parentWithClass = e.target.closest('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - if (!parentWithClass) { - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - searchField.classList.remove('input-is-focused'); - } - } - }); - } - - // Search Form Select Field Init - function initSelectFields() { - var selectFields = document.querySelectorAll('.directorist-select.directorist-search-field__input:not(.directorist-search-basic-dropdown'); - selectFields.forEach(function (selectField) { - var searchField = $(selectField).closest('.directorist-search-field'); - inputValueCheck(searchField); - }); - } - initSelectFields(); - - // Search Form Input Field Check Trigger - $('body').on('input keyup change', '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', function (e) { - var searchField = $(this).closest('.directorist-search-field'); - inputValueCheck(searchField); - }); - $('body').on('focus blur', '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', function (e) { - var searchField = $(this).closest('.directorist-search-field'); - inputEventCheck(e, searchField); - }); - - // Search Form Input Clear Button - $('body').on('click', '.directorist-search-field__btn--clear', function (e) { - var inputFields = this.parentElement.querySelectorAll('.directorist-form-element'); - var selectboxField = this.parentElement.querySelector('.directorist-select select'); - var basicDropdown = this.parentElement.querySelectorAll('.directorist-search-basic-dropdown-content'); - var radioFields = this.parentElement.querySelectorAll('input[type="radio"]'); - var checkboxFields = this.parentElement.querySelectorAll('input[type="checkbox"]'); - if (selectboxField) { - selectboxField.selectedIndex = 0; - selectboxField.dispatchEvent(new Event('change')); - $(selectboxField).trigger('change'); - } - if (inputFields) { - inputFields.forEach(function (inputField) { - inputField.value = ''; - }); - } - if (radioFields) { - radioFields.forEach(function (element) { - element.checked = false; - }); - } - if (checkboxFields) { - checkboxFields.forEach(function (element) { - element.checked = false; - }); - } - if (basicDropdown) { - basicDropdown.forEach(function (dropdown) { - $(dropdown).slideUp(); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-item').text(''); - }); - } - if (this.parentElement.classList.contains('input-has-value') || this.parentElement.classList.contains('input-is-focused')) { - var _this$parentElement$q; - this.parentElement.classList.remove('input-has-value', 'input-is-focused'); - (_this$parentElement$q = this.parentElement.querySelector('.directorist-search-basic-dropdown-content.dropdown-content-show')) === null || _this$parentElement$q === void 0 || _this$parentElement$q.classList.remove('dropdown-content-show'); - } - handleRadiusVisibility(); - - // Reset Button Disable - var searchform = this.closest('form'); - var inputValue = $(this).parent('.directorist-search-field').find('.directorist-search-field__input:not(.directorist-search-basic-dropdown)').val(); - var selectValue = $(this).parent('.directorist-search-field').find('.directorist-search-field__input select:not(.directorist-search-basic-dropdown)').val(); - if (inputValue && inputValue !== 0 && inputValue !== undefined || selectValue && selectValue.selectedIndex === 0 || selectValue && selectValue.selectedIndex !== undefined) { - enableResetButton(searchform); - } else { - setTimeout(function () { - initForm(searchform); - }, 100); - } - }); - - // Search Form Input Field Back Button - $('body').on('click', '.directorist-search-field__label:not(.directorist-search-basic-dropdown-label)', function (e) { - var windowScreen = window.innerWidth; - var parentField = this.closest('.directorist-search-field'); - if (windowScreen <= 575) { - if (parentField.classList.contains('input-is-focused')) { - parentField.classList.remove('input-is-focused'); - } - } - }); - - // Listing Type Change - $('body').on('click', '.search_listing_types', function (event) { - event.preventDefault(); - var parent = $(this).closest('.directorist-search-contents'); - var listing_type = $(this).attr('data-listing_type'); - var type_current = parent.find('.directorist-listing-type-selection__link--current'); - if (type_current.length) { - type_current.removeClass('directorist-listing-type-selection__link--current'); - $(this).addClass('directorist-listing-type-selection__link--current'); - } - parent.find('.listing_type').val(listing_type); - var form_data = new FormData(); - form_data.append('action', 'atbdp_listing_types_form'); - form_data.append('nonce', directorist.directorist_nonce); - form_data.append('listing_type', listing_type); - var atts = parent.attr('data-atts'); - var atts_decoded = btoa(atts); - form_data.append('atts', atts_decoded); - parent.find('.directorist-search-form-box').addClass('atbdp-form-fade'); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajax_url, - data: form_data, - success: function success(response) { - if (response) { - // Add Temp Element - var new_inserted_elm = '
    '; - parent.before(new_inserted_elm); - - // Remove Old Parent - parent.remove(); - - // Insert New Parent - $('.directorist_search_temp').after(response['search_form']); - var newParent = $('.directorist_search_temp').next(); - - // Toggle Active Class - newParent.find('.directorist-listing-type-selection__link--current').removeClass('directorist-listing-type-selection__link--current'); - newParent.find("[data-listing_type='" + listing_type + "']").addClass('directorist-listing-type-selection__link--current'); - - // Remove Temp Element - $('.directorist_search_temp').remove(); - var events = [new CustomEvent('directorist-search-form-nav-tab-reloaded'), new CustomEvent('directorist-reload-select2-fields'), new CustomEvent('directorist-reload-map-api-field'), new CustomEvent('triggerSlice')]; - events.forEach(function (event) { - document.body.dispatchEvent(event); - window.dispatchEvent(event); - }); - handleRadiusVisibility(); - directorist_custom_range_slider(); - initSearchFields(); - (0,_components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__["default"])($); - } - var parentAfterAjax = $(this).closest('.directorist-search-contents'); - parentAfterAjax.find('.directorist-search-form-box').removeClass('atbdp-form-fade'); - if (parentAfterAjax.find('.directorist-search-form-box').find('.directorist-search-field-radius_search').length) { - handleRadiusVisibility(); - directorist_custom_range_slider(); - } - }, - error: function error(_error) { - // console.log(error); - } - }); - }); - (0,_components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__["default"])($); - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - e.preventDefault(); - window.history.back(); - }); - - // Radius Search Field Hide on Empty Location Field - function handleRadiusVisibility() { - // Add class to mark the radius search field - $('.directorist-range-slider-wrap').closest('.directorist-search-field').addClass('directorist-search-field-radius_search'); - var radius_search_item_selector = null; - var radius_search_based_on = $('.directorist-radius_search_based_on').val(); - - // Determine which search item selector to use - if (radius_search_based_on === 'address') { - radius_search_item_selector = '.directorist-location-js'; - } else if (radius_search_based_on === 'zip') { - radius_search_item_selector = '.directorist-zipcode-search .zip-radius-search'; - } else { - // Default fallback - radius_search_item_selector = '.directorist-location-js'; - } - - // Check if radius search item selector elements exist - var $radiusSearchItems = $(radius_search_item_selector); - if ($radiusSearchItems.length === 0) { - // If no elements found, hide all radius search containers - $('.directorist-search-field-radius_search, .directorist-radius-search').css({ - display: 'none' - }); - } else { - // Loop through the elements - $radiusSearchItems.each(function (index, locationDOM) { - var $location = $(locationDOM); - var isEmpty = $location.val() === ''; - var $container = $location.closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search'); - $container.css({ - display: isEmpty ? 'none' : 'block' - }); - }); - } - } - - // handleRadiusVisibility Trigger - $('body').on('keyup keydown input change focus', '.directorist-location-js, .zip-radius-search', function (e) { - handleRadiusVisibility(); - }); - - // rangeSlider, defaultTags Trigger on directory type | page change - $('body').on('click', '.directorist-type-nav__link, .directorist-pagination .page-numbers, .directorist-viewas .directorist-viewas__item', function (e) { - setTimeout(function () { - handleRadiusVisibility(); - directorist_custom_range_slider(); - defaultTags(); - }, 600); - }); - - // directorist-instant-search-reloaded event - window.addEventListener('directorist-instant-search-reloaded', function () { - handleRadiusVisibility(); - directorist_custom_range_slider(); - defaultTags(); - }); - - // active class add on view as button - $('body').on('click', '.directorist-viewas .directorist-viewas__item', function (e) { - $(this).addClass('active').siblings().removeClass('active'); - }); - - // Hide Country Result Click on Outside of Zipcode Field - $(document).on('click', function (e) { - if (!$(e.target).closest('.directorist-zip-code').length) { - $('.directorist-country').hide(); - } - }); - $('body').on('click', '.directorist-country ul li a', function (event) { - event.preventDefault(); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - var lat = $(this).data('lat'); - var lon = $(this).data('lon'); - zipcode_search.find('.zip-cityLat').val(lat); - zipcode_search.find('.zip-cityLng').val(lon); - $('.directorist-country').hide(); - }); - $('.address_result').hide(); - - // Init Location - init_map_api_field(); - document.body.addEventListener('directorist-reload-map-api-field', init_map_api_field); - function init_map_api_field() { - if (directorist.i18n_text.select_listing_map === 'google') { - function initialize() { - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : ''; - var input_fields = [{ - input_class: '.directorist-location-js', - lat_id: 'cityLat', - lng_id: 'cityLng', - options: options - }, { - input_id: 'address_widget', - lat_id: 'cityLat', - lng_id: 'cityLng', - options: options - }]; - var setupAutocomplete = function setupAutocomplete(field) { - var input = document.querySelectorAll(field.input_class); - input.forEach(function (elm) { - if (!elm) { - return; - } - var autocomplete = new google.maps.places.Autocomplete(elm, field.options); - google.maps.event.addListener(autocomplete, 'place_changed', function () { - var place = autocomplete.getPlace(); - elm.closest('.directorist-search-field').querySelector("#".concat(field.lat_id)).value = place.geometry.location.lat(); - elm.closest('.directorist-search-field').querySelector("#".concat(field.lng_id)).value = place.geometry.location.lng(); - }); - }); - }; - input_fields.forEach(function (field) { - setupAutocomplete(field); - }); - } - initialize(); - } else if (directorist.i18n_text.select_listing_map === 'openstreet') { - var getResultContainer = function getResultContainer(context, field) { - return $(context).next(field.search_result_elm); - }; - var getWidgetResultContainer = function getWidgetResultContainer(context, field) { - return $(context).parent().next(field.search_result_elm); - }; - var input_fields = [{ - input_elm: '.directorist-location-js', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '#q_addressss', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '.atbdp-search-address', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '#address_widget', - search_result_elm: '#address_widget_result', - getResultContainer: getWidgetResultContainer - }]; - input_fields.forEach(function (field) { - if (!$(field.input_elm).length) { - return; - } - $(field.input_elm).on('keyup', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_4__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; - - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-search-field'); - var result_container = field.getResultContainer(this, field); - var search = $(this).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat(search, '+%27&format=json'), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - var currentIconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/paper-plane.svg'; - var currentIconHTML = directorist.icon_markup.replace('##URL##', currentIconURL).replace('##CLASS##', ''); - var currentLocationIconHTML = "" + currentIconHTML + ''; - var currentLocationAddressHTML = ""; - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/map-marker-alt.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var locationIconHTML = "" + iconHTML + ''; - for (var i = 0, len = data.length > 5 ? 5 : data.length; i < len; i++) { - res += '
  • ' + locationIconHTML + "" + data[i].display_name, +'
    • '; - } - function displayLocation(position, event) { - var lat = position.coords.latitude; - var lng = position.coords.longitude; - $.ajax({ - url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + lng + '&lat=' + lat, - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js, .atbdp-search-address').val(data.display_name); - $('.directorist-location-js, .atbdp-search-address').attr('data-value', data.display_name); - $('#cityLat').val(lat); - $('#cityLng').val(lng); - var locationSearch = $('.directorist-search-location'); - if (locationSearch.length) { - locationSearch.trigger('change'); - } - } - }); - } - result_container.html(''); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - $('body').off('click', '.address_result .current-location').on('click', '.address_result .current-location', function (e) { - e.preventDefault(); - navigator.geolocation.getCurrentPosition(function (position) { - return displayLocation(position, e); - }); - }); - }, - error: function error(_error3) { - console.log({ - error: _error3 - }); - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - - // hide address result when click outside the input field - $(document).on('click', function (e) { - if (!$(e.target).closest('.directorist-location-js, #q_addressss, .atbdp-search-address, .current-location').length) { - var locationSearch = $(e.target).closest('.directorist-search-location'); - var zipCodeSearch = $(e.target).closest('.directorist-zipcode-search'); - if (locationSearch.length) { - locationSearch.trigger('change'); - } - if (zipCodeSearch.length) { - zipCodeSearch.trigger('change'); - } - $('.address_result').hide(); - } - }); - var syncLatLngData = function syncLatLngData(context, event, args) { - event.preventDefault(); - var text = $(context).text(); - var lat = $(context).data('lat'); - var lon = $(context).data('lon'); - var _this = event.target; - $(_this).closest('.address_result').siblings('input[name="cityLat"]').val(lat); - $(_this).closest('.address_result').siblings('input[name="cityLng"]').val(lon); - var inp = $(context).closest(args.result_list_container).parent().find('.directorist-location-js, #address_widget, #q_addressss, .atbdp-search-address'); - inp.val(text); - $(args.result_list_container).hide(); - }; - $('body').on('click', '.address_result ul li a', function (event) { - syncLatLngData(this, event, { - result_list_container: '.address_result' - }); - }); - $('body').on('click', '#address_widget_result ul li a', function (event) { - syncLatLngData(this, event, { - result_list_container: '#address_widget_result' - }); - }); - } - if ($('.directorist-location-js, #q_addressss, .atbdp-search-address').val() === '') { - $(this).parent().next('.address_result').css({ - display: 'none' - }); - } - } - $('.directorist-search-contents').each(function () { - if ($(this).next().length === 0) { - $(this).find('.directorist-search-country').css('max-height', '175px'); - $(this).find('.directorist-search-field .address_result').css('max-height', '175px'); - } - }); - - // Custom Range Slider - function directorist_custom_range_slider() { - var sliders = document.querySelectorAll('.directorist-custom-range-slider'); - sliders.forEach(function (sliderItem) { - var _slider$directoristCu, _slider$directoristCu2, _slider$directoristCu3; - var slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - - // Skip if already initialized - if (!slider || slider.directoristCustomRangeSlider) return; - var sliderStep = parseInt(slider.getAttribute('step')) || 1; - var sliderMinValue = parseInt(slider.getAttribute('min-value')) || 0; - var sliderMaxValue = parseInt(slider.getAttribute('max-value')) || 100; - var sliderDefaultValue = parseInt(slider.getAttribute('default-value')); - var minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - var maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - var sliderRange = sliderItem.querySelector('.directorist-custom-range-slider__range'); - var sliderRangeShow = sliderItem.querySelector('.directorist-custom-range-slider__range__show'); - var sliderRangeValue = sliderItem.querySelector('.directorist-custom-range-slider__wrap .directorist-custom-range-slider__range'); - var minInputName = (minInput === null || minInput === void 0 ? void 0 : minInput.getAttribute('name')) || ''; - var maxInputName = (maxInput === null || maxInput === void 0 ? void 0 : maxInput.getAttribute('name')) || ''; - var isRTL = document.dir === 'rtl'; - - // Flags - var rangeInitLoad = true; - var sliderActivated = false; - var sliderRadiusActive = false; - - // Parse the URL parameters - var urlParams = new URLSearchParams(window.location.search); - var customNumberParams = urlParams.get('custom-number'); - var rangeFieldName = (sliderRange === null || sliderRange === void 0 ? void 0 : sliderRange.getAttribute('name')) || ''; - var fieldRangeValueParam = rangeFieldName ? urlParams.get(rangeFieldName) : null; - var specificRangeMinParam = minInputName ? urlParams.get(minInputName) : null; - var specificRangeMaxParam = maxInputName ? urlParams.get(maxInputName) : null; - var globalRangeMinParam = urlParams.get('directorist-custom-range-slider__value__min'); - var globalRangeMaxParam = urlParams.get('directorist-custom-range-slider__value__max'); - var effectiveRangeMinParam = specificRangeMinParam !== null && specificRangeMinParam !== void 0 ? specificRangeMinParam : globalRangeMinParam; - var effectiveRangeMaxParam = specificRangeMaxParam !== null && specificRangeMaxParam !== void 0 ? specificRangeMaxParam : globalRangeMaxParam; - var locationDistanceParams = urlParams.get('miles'); - var milesParams = urlParams.has('miles'); - if (rangeFieldName === 'miles' && locationDistanceParams !== '0-0' && sliderDefaultValue >= 0) { - sliderRadiusActive = true; - } - - // if already have custom values, then slider is activated - if (fieldRangeValueParam && fieldRangeValueParam !== '0-0') { - sliderActivated = true; - } else if (customNumberParams && customNumberParams !== '0-0') { - sliderActivated = true; - } else if (effectiveRangeMaxParam && effectiveRangeMaxParam !== '0') { - sliderActivated = true; - } - if (typeof directoristCustomRangeSlider === 'undefined') return; - if (sliderRadiusActive) { - var _directoristCustomRan; - // Radius Search Range Slider - (_directoristCustomRan = directoristCustomRangeSlider) === null || _directoristCustomRan === void 0 || _directoristCustomRan.create(slider, { - start: [minInput.value, !milesParams ? sliderDefaultValue : maxInput.value], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: sliderStep ? sliderStep : 1, - range: { - min: Number(sliderMinValue || 0), - max: Number(sliderMaxValue || 100) - } - }); - } else if (sliderActivated) { - var _directoristCustomRan2; - // Custom Number Range Slider - var minValue = minInput.value; - var maxValue = maxInput.value; - - // Assign min-max values from custom-range-slider params - if (fieldRangeValueParam && fieldRangeValueParam !== '0-0') { - var _fieldRangeValueParam = fieldRangeValueParam.split('-').map(Number), - _fieldRangeValueParam2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_fieldRangeValueParam, 2), - min = _fieldRangeValueParam2[0], - max = _fieldRangeValueParam2[1]; - minValue = min; - maxValue = max; - } else if (customNumberParams && customNumberParams !== '0-0') { - var _customNumberParams$s = customNumberParams.split('-').map(Number), - _customNumberParams$s2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_customNumberParams$s, 2), - _min = _customNumberParams$s2[0], - _max = _customNumberParams$s2[1]; - - // Use the split values as min-max - minValue = _min; - maxValue = _max; - } else if (effectiveRangeMinParam && effectiveRangeMaxParam) { - // Modal Search Form - minValue = effectiveRangeMinParam; - maxValue = effectiveRangeMaxParam; - } - - // Initial with [min, max] value - (_directoristCustomRan2 = directoristCustomRangeSlider) === null || _directoristCustomRan2 === void 0 || _directoristCustomRan2.create(slider, { - start: [minValue, !milesParams ? sliderDefaultValue || maxValue : maxValue], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: sliderStep ? sliderStep : 1, - range: { - min: Number(sliderMinValue || 0), - max: Number(sliderMaxValue || 100) - } - }); - } else { - var _directoristCustomRan3; - // Initialize with [0, 0] and temp min/max - (_directoristCustomRan3 = directoristCustomRangeSlider) === null || _directoristCustomRan3 === void 0 || _directoristCustomRan3.create(slider, { - start: [0, 0], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: 1, - range: { - min: 0, - max: 1 - } - }); - } - - // Handle first interaction - (_slider$directoristCu = slider.directoristCustomRangeSlider) === null || _slider$directoristCu === void 0 || _slider$directoristCu.on('start', function () { - if (sliderActivated || sliderRadiusActive) return; - sliderActivated = true; - - // Range slider options update - slider.directoristCustomRangeSlider.updateOptions({ - start: [sliderMinValue, sliderMinValue], - step: sliderStep, - range: { - min: sliderMinValue, - max: sliderMaxValue - } - }); - - // Trigger range slider observer - rangeSliderObserver(); - }); - - // Update slider config - update values but don't trigger change during drag - (_slider$directoristCu2 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu2 === void 0 || _slider$directoristCu2.on('update', function (values, handle) { - var value = Math.round(values[handle]); - // Assign min-max value based on handler - if (handle === 0) { - minInput.value = value; - } else { - maxInput.value = value; - } - var rangeValue = "".concat(minInput.value, "-").concat(maxInput.value); - if (sliderRange) sliderRange.value = rangeValue; - if (sliderRangeShow) sliderRangeShow.innerHTML = rangeValue; - if (sliderRangeValue) { - sliderRangeValue.setAttribute('value', rangeValue); - } - }); - - // Trigger change only when dragging ends (mouse/touch released) - (_slider$directoristCu3 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu3 === void 0 || _slider$directoristCu3.on('end', function () { - if (sliderRangeValue && !rangeInitLoad) { - $(sliderRangeValue).trigger('change'); - } - }); - - // Mark init complete - rangeInitLoad = false; - - // 🔁 Manual input update logic (on change/keyup) - function updateSliderFromInputs() { - var minValue = Math.round(parseInt(minInput.value || 0, 10) / sliderStep) * sliderStep; - var maxValue = Math.round(parseInt(maxInput.value || 0, 10) / sliderStep) * sliderStep; - if (isNaN(minValue)) minValue = 0; - if (isNaN(maxValue)) maxValue = 0; - if (!sliderActivated) { - sliderActivated = true; - slider.directoristCustomRangeSlider.updateOptions({ - range: { - min: sliderMinValue, - max: sliderMaxValue - }, - step: sliderStep, - start: [sliderMinValue, sliderMaxValue] - }); - } - - // Fix invalid ranges - if (minValue > maxValue) { - minInput.value = maxValue; - minValue = maxValue; - } - if (maxValue < minValue) { - maxInput.value = minValue; - maxValue = minValue; - } - slider.directoristCustomRangeSlider.set([minValue, maxValue]); - } - ['change', 'keyup'].forEach(function (evt) { - minInput.addEventListener(evt, updateSliderFromInputs); - maxInput.addEventListener(evt, updateSliderFromInputs); - }); - }); - } - directorist_custom_range_slider(); - - // Reset Custom Range Slider - function resetCustomRangeSlider(sliderItem) { - var slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - var minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - var maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - var rangeValue = sliderItem.querySelector('.directorist-custom-range-slider__range'); - var radiusSearch = sliderItem.closest('.directorist-search-field-radius_search'); - var defaultValue = slider.getAttribute('default-value') || '0'; - if (radiusSearch) { - var _slider$directoristCu4; - minInput.value = '0'; - maxInput.value = defaultValue; - slider === null || slider === void 0 || (_slider$directoristCu4 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu4 === void 0 || _slider$directoristCu4.set([0, defaultValue]); // Set initial values - } else { - var _slider$directoristCu5; - // Reset values to their initial state - slider === null || slider === void 0 || (_slider$directoristCu5 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu5 === void 0 || _slider$directoristCu5.set([0, 0]); // Set initial values - minInput.value = '0'; // Set initial min value - maxInput.value = '0'; // Set initial max value - rangeValue.value = '0-0'; - } - var sidebarRangeSlider = slider.closest('.listing-with-sidebar'); - if (sidebarRangeSlider && slider !== null && slider !== void 0 && slider.directoristCustomRangeSlider) { - // Destroy the custom range slider instance - slider.directoristCustomRangeSlider.destroy(); - delete slider.directoristCustomRangeSlider; - } - } - - // DOM Mutation Observer on Location Field - function locationObserver() { - var targetNode = document.querySelector('.directorist-location-js'); - if (targetNode) { - var observer = new MutationObserver(handleRadiusVisibility); - observer.observe(targetNode, { - attributes: true - }); - } - } - locationObserver(); - handleRadiusVisibility(); - $('body').on('keyup', '.zip-radius-search', directorist_debounce(function () { - var zipcode = $(this).val(); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - var country_suggest = zipcode_search.find('.directorist-country'); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - if (zipcode) { - zipcode_search.addClass('dir_loading'); - } - if (directorist.i18n_text.select_listing_map === 'google') { - var url = directorist.ajax_url; - } else { - url = "https://nominatim.openstreetmap.org/?postalcode=".concat(zipcode, "&format=json&addressdetails=1"); - $('.directorist-country').css({ - display: 'block' - }); - if (zipcode === '') { - $('.directorist-country').css({ - display: 'none' - }); - } - } - var res = ''; - var google_data = { - nonce: directorist.directorist_nonce, - action: 'directorist_zipcode_search', - zipcode: zipcode - }; - $.ajax({ - url: url, - method: 'POST', - data: directorist.i18n_text.select_listing_map === 'google' ? google_data : '', - success: function success(data) { - if (data.data && data.data.error_message) { - zipcode_search.find('.error_message').remove(); - zipcode_search.find('.zip-cityLat').val(''); - zipcode_search.find('.zip-cityLng').val(''); - zipcode_search.append(data.data.error_message); - } - zipcode_search.removeClass('dir_loading'); - if (directorist.i18n_text.select_listing_map === 'google' && typeof data.lat !== 'undefined' && typeof data.lng !== 'undefined') { - zipcode_search.find('.error_message').remove(); - zipcode_search.find('.zip-cityLat').val(data.lat); - zipcode_search.find('.zip-cityLng').val(data.lng); - } else { - if (data.length === 1) { - var lat = data[0].lat; - var lon = data[0].lon; - zipcode_search.find('.zip-cityLat').val(lat); - zipcode_search.find('.zip-cityLng').val(lon); - } else { - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].address.country, "
    • "); - } - } - $(country_suggest).html("
      ".concat(res, "
    ")); - if (res.length) { - $('.directorist-country').show(); - } else { - $('.directorist-country').hide(); - } - } - } - }); - }, 250)); - - // Returns a function, that, as long as it continues to be invoked, will not - // be triggered. The function will be called after it stops being called for - // N milliseconds. If `immediate` is passed, trigger the function on the - // leading edge, instead of the trailing. - function directorist_debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; - } - - // Custom Range Slider Value Check on Change - function sliderValueCheck(searchForm, targetNode, value) { - if (value > 0) { - enableResetButton(searchForm); - var rangeSlider = targetNode.closest('.directorist-custom-range-slider'); - if (!rangeSlider) return; - var customSliderMin = rangeSlider.querySelector('.directorist-custom-range-slider__value__min'); - var customSliderRange = rangeSlider.querySelector('.directorist-custom-range-slider__range'); - customSliderMin.value = customSliderMin.value ? customSliderMin.value : 0; - customSliderRange.value = customSliderMin.value + '-' + value; - } else { - initForm(searchForm); - } - } - - // DOM Mutation Observer on Custom Range Slider - function rangeSliderObserver() { - var targetNodes = document.querySelectorAll('.directorist-search-field:not(.directorist-search-field-radius_search) .directorist-custom-range-slider-handle-upper'); - targetNodes.forEach(function (targetNode) { - if (targetNode) { - var _searchForm2 = targetNode.closest('form'); - var observerCallback = function observerCallback(mutationList, observer) { - var _iterator = _createForOfIteratorHelper(mutationList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - if (targetNode.classList.contains('directorist-custom-range-slider-handle-upper')) { - sliderValueCheck(_searchForm2, targetNode, parseInt(targetNode.ariaValueNow)); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - }; - var sliderObserver = new MutationObserver(observerCallback); - sliderObserver.observe(targetNode, { - attributes: true - }); - } - }); - } - rangeSliderObserver(); - }); -})(jQuery); -}(); -/******/ })() -; -//# sourceMappingURL=search-form.js.map \ No newline at end of file + // Default Tags Slice + function defaultTags() { + $('.directorist-btn-ml').each(function (index, element) { + var item = $(element).siblings( + '.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags' + ); + var item_checkbox = $(item).find( + '.directorist-checkbox' + ); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeOut(); + if (item_checkbox.length <= 4) { + $(element).css('display', 'none'); + } + }); + } + defaultTags(); + window.addEventListener('triggerSlice', defaultTags); + + // See More Tags Button + $('body').on('click', '.directorist-btn-ml', function (event) { + event.preventDefault(); + var item = $(this).siblings('.directorist-search-tags'); + var item_checkbox = $(item).find('.directorist-checkbox'); + $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); + $(this).toggleClass('active'); + if ($(this).hasClass('active')) { + $(this).text(directorist.i18n_text.show_less); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeIn(); + } else { + $(this).text(directorist.i18n_text.show_more); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeOut(); + } + }); + + /*** Search Form ***/ + + // Count Checkbox Selected Items + function selectedItemCount(item) { + var dropdownParent = $(item).closest( + '.directorist-search-field' + ); + var dropDownContent = $(item).closest( + '.directorist-search-basic-dropdown-content' + ); + var selectedItemCount = dropDownContent.find( + '.directorist-checkbox input[type="checkbox"]:checked' + ); + var selectedPrefix = dropDownContent + .siblings('.directorist-search-basic-dropdown-label') + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ); + var selectedCounter = dropDownContent + .siblings('.directorist-search-basic-dropdown-label') + .find( + '.directorist-search-basic-dropdown-selected-count' + ); + if (selectedItemCount.length > 0) { + selectedCounter.text(selectedItemCount.length); + selectedPrefix.text('Selected'); + dropdownParent.addClass('input-has-value'); + } else { + // If no items are checked, clear the text + selectedCounter.text(''); + selectedPrefix.text(''); + dropdownParent.removeClass('input-has-value'); + } + } + + // Radio Selected Items + function selectedRadioItem(item) { + var dropdownParent = $(item).closest( + '.directorist-search-field' + ); + var dropDownLabel = dropdownParent.find( + '.directorist-search-basic-dropdown-selected-item' + ); + var selectedItem = dropdownParent.find( + '.directorist-radio input[type="radio"]:checked' + ); + var selectedItemLabel = selectedItem + .siblings('.directorist-radio__label') + .text(); + if (selectedItem) { + dropDownLabel.text(' - ' + selectedItemLabel); + dropdownParent.addClass('input-has-value'); + } else { + // If no items are checked, clear the text + selectedItem.text(''); + dropdownParent.removeClass('input-has-value'); + } + } + + // Checkbox Field Check + $('body').on( + 'change', + '.directorist-search-form__top .directorist-search-basic-dropdown input[type="checkbox"], .directorist-search-modal .directorist-search-basic-dropdown input[type="checkbox"]', + function (e) { + e.preventDefault(); + selectedItemCount(this); + } + ); + + // Radio Field Check + $('body').on( + 'change', + '.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"], .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]', + function (e) { + e.preventDefault(); + selectedRadioItem(this); + } + ); + + // Initialize selected item count for checkboxes that are already checked on page load + // Process each dropdown that has checked checkboxes to avoid redundant calls + $( + '.directorist-search-form__top .directorist-search-basic-dropdown-content, .directorist-search-modal .directorist-search-basic-dropdown-content' + ).each(function () { + var checkedCheckbox = $(this).find( + 'input[type="checkbox"]:checked' + ); + if (checkedCheckbox.length > 0) { + // Call once per dropdown with any checked checkbox + selectedItemCount(checkedCheckbox.first()); + } + }); + + // Initialize selected radio items that are already checked on page load + $( + '.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"]:checked, .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]:checked' + ).each(function () { + selectedRadioItem(this); + }); + + // Initialize all input fields that have values on page load + $( + '.directorist-search-form__top .directorist-search-field__input:not(.directorist-search-basic-dropdown), .directorist-search-modal .directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ).each(function () { + var inputField = $(this); + var inputValue = inputField.val(); + var searchField = inputField.closest( + '.directorist-search-field' + ); + + // Check if it's a select field + if (inputField.hasClass('directorist-select')) { + var selectElement = inputField.find('select'); + if (selectElement.length) { + inputValue = + selectElement.val() || + selectElement.data('selected-id'); + } + } + + // If field has a value, add appropriate classes + if (inputValue && inputValue !== '' && inputValue !== '0') { + searchField.addClass('input-has-value'); + if (!searchField.hasClass('input-is-focused')) { + searchField.addClass('input-is-focused'); + } + } + }); + + // Initialize color picker background colors on page load + $('.wp-color-picker, .directorist-color-picker').each( + function () { + var colorValue = $(this).val(); + if (colorValue && colorValue !== '') { + var colorButton = $(this) + .closest('.directorist-search-field') + .find('.wp-color-result'); + if (colorButton.length) { + colorButton.css('background-color', colorValue); + } + } + } + ); + + // 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) { + var _this7 = this; + e.preventDefault(); + var dropDownParent = $(this).closest( + '.directorist-search-field' + ); + var dropDownContent = $(this).siblings( + '.directorist-search-basic-dropdown-content' + ); + dropDownContent.toggleClass('dropdown-content-show'); + if (dropDownContent.hasClass('dropdown-content-show')) { + dropDownParent.addClass('input-is-focused'); + dropDownContent.slideDown(); + setTimeout(function () { + viewportDropdown.position(_this7); + }, viewportDropdown.options.animationDelay); + } else { + dropDownParent.removeClass('input-is-focused'); + dropDownContent.slideUp(); + } + // Hide all other open contents + $( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + ) + .not(dropDownContent) + .each(function () { + $(this) + .removeClass( + 'dropdown-content-show dropdown-upward' + ) + .slideUp(); + }); + } + ); + + // Dropdown Content Hide on Outside Click + $('body').on('click', function (e) { + var dropDownRoot = $(e.target).closest( + '.directorist-search-form-dropdown' + ); + var dropDownParent = $( + '.directorist-search-form-dropdown.input-is-focused' + ); + var dropDownContent = $( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + ); + if (!dropDownRoot.length) { + dropDownParent.each(function () { + $(this).removeClass('input-is-focused'); + }); + dropDownContent.each(function () { + $(this) + .removeClass( + 'dropdown-content-show dropdown-upward' + ) + .slideUp(); + }); + } + }); + + // Check Empty Search Fields on Search Modal + function initSearchFields() { + var searchFields = document.querySelectorAll( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + searchFields.forEach(function (searchField) { + var wrapper = searchField.closest( + '.directorist-search-field' + ); + if (!wrapper) { + return; + } + var inputFieldValue = searchField.value; + if ( + searchField.classList.contains('directorist-select') + ) { + inputFieldValue = + searchField.querySelector('select').dataset + .selectedId; + } + if (inputFieldValue !== '') { + wrapper.classList.add('input-has-value'); + if ( + !wrapper.classList.contains('input-is-focused') + ) { + wrapper.classList.add('input-is-focused'); + } + } else { + inputFieldValue = ''; + if (wrapper.classList.contains('input-has-value')) { + wrapper.classList.remove('input-has-value'); + } + } + }); + } + initSearchFields(); + + // Search Form Reset Button Initialize + function initForm(searchForm) { + var value = false; + + // Check all input fields which are not checkbox, radio & hidden + searchForm + .querySelectorAll( + "input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not(.wp-picker-clear):not(.directorist-custom-range-slider__value__min):not(.directorist-custom-range-slider__value__max)" + ) + .forEach(function (el) { + if (el.value !== '') { + value = true; + } + }); + + // Check all checkbox, radio field + searchForm + .querySelectorAll( + "input[type='checkbox'], input[type='radio']" + ) + .forEach(function (el) { + if (el.checked) { + value = true; + } + }); + + // Check all select field + searchForm + .querySelectorAll('select') + .forEach(function (el) { + if (el.value || el.selectedIndex !== 0) { + value = true; + } + }); + + // Check all custom number range field + searchForm + .querySelectorAll( + '.directorist-search-field-text_range .directorist-custom-range-slider__range' + ) + .forEach(function (el) { + if (el.value === '0-0') { + value = false; + } + }); + + // Check all range slider field + searchForm + .querySelectorAll( + '.directorist-custom-range-slider__value input' + ) + .forEach(function (el) { + if (el.value > 0) { + value = true; + } + }); + + // Disable Reset Button based on value + if (!value) { + // Find Reset Button in current form + var resetButtonWrapper = searchForm.querySelector( + '.directorist-advanced-filter__action' + ); + if (resetButtonWrapper) { + resetButtonWrapper.classList.add( + 'reset-btn-disabled' + ); + } else { + var _searchForm$closest; + // Find Reset Button in whole listing-with-sidebar + resetButtonWrapper = + (_searchForm$closest = searchForm.closest( + '.listing-with-sidebar' + )) === null || _searchForm$closest === void 0 + ? void 0 + : _searchForm$closest.querySelector( + '.directorist-advanced-filter__action' + ); + if (resetButtonWrapper) { + resetButtonWrapper.classList.add( + 'reset-btn-disabled' + ); + } + } + } else { + setTimeout(function () { + enableResetButton(searchForm); + }, 100); + } + } + + // Enable Reset Button + function enableResetButton(searchForm) { + var $resetButtonWrapper = $(searchForm).find( + '.directorist-advanced-filter__action' + ); + if (!$resetButtonWrapper.length) { + $resetButtonWrapper = $(searchForm) + .closest('.directorist-instant-search') + .find('.directorist-advanced-filter__action'); + } + if ($resetButtonWrapper.length) { + $resetButtonWrapper.removeClass('reset-btn-disabled'); + } + } + + // Initialize Form Reset Button + var searchForm = document.querySelectorAll( + '.directorist-contents-wrap form' + ); + searchForm.forEach(function (form) { + setTimeout(function () { + initForm(form); + }, 100); + }); + + // Input Field Check + $('body').on( + 'keyup', + '.directorist-contents-wrap form input:not([type="checkbox"]):not([type="radio"])', + function (e) { + var searchForm = this.closest('form'); + if ( + this.value && + this.value !== 0 && + this.value !== undefined + ) { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + $('body').on( + 'change', + '.directorist-contents-wrap form input[type="checkbox"], .directorist-contents-wrap form input[type="radio"]', + function (e) { + var searchForm = this.closest('form'); + if (this.checked) { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + $('body').on( + 'change', + '.directorist-contents-wrap form select', + function (e) { + var searchForm = this.closest('form'); + if (this.value !== undefined && this.value !== '') { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + + // Color Field Open Button Click + $('.directorist-contents-wrap form .wp-color-result').on( + 'click', + function (e) { + e.preventDefault(); + var $parentElement = $(this).closest( + '.directorist-search-field' + ); + if ( + $parentElement.hasClass('input-has-value') || + $parentElement.hasClass('input-is-focused') + ) { + $parentElement.removeClass( + 'input-has-value input-is-focused' + ); + } else { + $parentElement.addClass( + 'input-has-value input-is-focused' + ); + } + } + ); + + // Color Field Clear Button Click + $('.directorist-contents-wrap form .wp-picker-clear').on( + 'click', + function (e) { + e.preventDefault(); + var $parentElement = $(this).closest( + '.directorist-search-field' + ); + if ( + $parentElement.hasClass('input-has-value') || + $parentElement.hasClass('input-is-focused') + ) { + $parentElement.removeClass( + 'input-has-value input-is-focused' + ); + } + var color = ''; + var input = $parentElement.find('.wp-color-picker')[0]; // get raw DOM element + var form = $parentElement.closest('form')[0]; + if (!input || !form) return; + + // Dispatch custom event + var colorChangeEvent = new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: input, + form: form, + }, + } + ); + window.dispatchEvent(colorChangeEvent); + } + ); + + // Color Change Event + window.addEventListener( + 'directorist-color-changed', + function (e) { + var _e$detail = e.detail, + color = _e$detail.color, + input = _e$detail.input, + form = _e$detail.form; + if (color && color !== '') { + enableResetButton(form); + var $parentElement = $(input).closest( + '.directorist-search-field' + ); + if ( + !$parentElement.hasClass('input-has-value') && + !$parentElement.hasClass('input-is-focused') + ) { + $parentElement.addClass( + 'input-has-value input-is-focused' + ); + } + } else { + setTimeout(function () { + initForm(form); + }, 100); + } + } + ); + + // Searchform Reset + function adsFormReset(searchForm) { + searchForm + .querySelectorAll( + "input[type='text']:not(.wp-picker-clear)" + ) + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll("input[type='date']") + .forEach(function (el) { + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='time']") + .forEach(function (el) { + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='url']") + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll("input[type='number']") + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll( + "input[type='hidden']:not(.listing_type)" + ) + .forEach(function (el) { + if ( + el.getAttribute('name') === 'directory_type' || + el.getAttribute('name') === + 'radius-search-based-on' + ) + return; + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='radio']") + .forEach(function (el) { + el.checked = false; + }); + searchForm + .querySelectorAll("input[type='checkbox']") + .forEach(function (el) { + el.checked = false; + }); + searchForm + .querySelectorAll('select') + .forEach(function (el) { + el.selectedIndex = 0; + $('.directorist-select2-dropdown-close').click(); + var parentElem = el.closest( + '.directorist-search-field' + ); + if ( + parentElem.classList.contains( + 'input-has-value' + ) || + parentElem.classList.contains( + 'input-is-focused' + ) + ) { + setTimeout(function () { + parentElem.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + }, 100); + } + }); + var customRangeSliders = document.querySelectorAll( + '.directorist-custom-range-slider' + ); + customRangeSliders.forEach(function (sliderItem) { + resetCustomRangeSlider(sliderItem); + }); + searchForm + .querySelectorAll( + '.directorist-search-basic-dropdown-content' + ) + .forEach(function (dropdown) { + var dropDownParent = dropdown.closest( + '.directorist-search-field' + ); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-count' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ) + .text(''); + if ( + dropDownParent.classList.contains( + 'input-has-value' + ) || + dropDownParent.classList.contains( + 'input-is-focused' + ) + ) { + dropDownParent.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + var irisPicker = searchForm.querySelector( + 'input.wp-picker-clear' + ); + if (irisPicker !== null) { + irisPicker.click(); + } + handleRadiusVisibility(); + initForm(searchForm); + } + + // Searchform Reset Trigger + if ($('.directorist-btn-reset-js') !== null) { + $('body').on( + 'click', + '.directorist-btn-reset-js', + function (e) { + var _this8 = this; + e.preventDefault(); + setTimeout(function () { + // Clear URL params on modal form reset + var baseUrl = + window.location.origin + + window.location.pathname; + + // Update the URL in the address bar + window.history.replaceState(null, '', baseUrl); + if ( + _this8.closest('.directorist-search-modal') + ) { + // Clear only the query parameters + var _baseUrl = + window.location.origin + + window.location.pathname; + + // Update the URL in the address bar + window.history.replaceState( + null, + '', + _baseUrl + ); + } + }, 300); + + // Reset search form values + if (this.closest('.directorist-contents-wrap')) { + var _searchForm = this.closest( + '.directorist-contents-wrap' + ).querySelector('.directorist-search-form'); + if (_searchForm) { + adsFormReset(_searchForm); + } + var advanceSearchForm = this.closest( + '.directorist-contents-wrap' + ).querySelector( + '.directorist-advanced-filter__form' + ); + if (advanceSearchForm) { + adsFormReset(advanceSearchForm); + } + var advanceSearchFilter = this.closest( + '.directorist-contents-wrap' + ).querySelector( + '.directorist-advanced-filter__advanced' + ); + if (advanceSearchFilter) { + adsFormReset(advanceSearchFilter); + } + } + } + ); + } + + // Search Modal Open + function searchModalOpen(searchModalParent) { + var modalOverlay = searchModalParent.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + + // Overlay Style + modalOverlay.style.cssText = + 'opacity: 1; visibility: visible; transition: 0.3s ease;'; + + // Modal Content Style + modalContent.style.cssText = + 'opacity: 1; visibility: visible; bottom:0;'; + } + + // Search Modal Close + function searchModalClose(searchModalParent) { + var modalOverlay = searchModalParent.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + + // Overlay Style + if (modalOverlay) { + modalOverlay.style.cssText = + 'opacity: 0; visibility: hidden; transition: 0.5s ease'; + } + + // Modal Content Style + if (modalContent) { + modalContent.style.cssText = + 'opacity: 0; visibility: hidden; bottom: -200px;'; + } + } + + // Search Modal Minimizer + function searchModalMinimize(searchModalParent) { + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + var modalMinimizer = searchModalParent.querySelector( + '.directorist-search-modal__minimizer' + ); + if (modalMinimizer.classList.contains('minimized')) { + modalMinimizer.classList.remove('minimized'); + modalContent.style.bottom = '0'; + } else { + modalMinimizer.classList.add('minimized'); + modalContent.style.bottom = '-50%'; + } + } + + // Search Modal Open Trigger + $('body').on('click', '.directorist-modal-btn', function (e) { + e.preventDefault(); + // added overlay class on body + document + .querySelector('.directorist-content-active') + .classList.add('directorist-overlay-active'); + var parentElement = this.closest( + '.directorist-contents-wrap' + ); + if ( + this.classList.contains('directorist-modal-btn--basic') + ) { + var searchModalElement = parentElement.querySelector( + '.directorist-search-modal--basic' + ); + searchModalOpen(searchModalElement); + } + if ( + this.classList.contains( + 'directorist-modal-btn--advanced' + ) + ) { + var _searchModalElement = parentElement.querySelector( + '.directorist-search-modal--advanced' + ); + searchModalOpen(_searchModalElement); + } + if ( + this.classList.contains('directorist-modal-btn--full') + ) { + var _searchModalElement2 = parentElement.querySelector( + '.directorist-search-modal--full' + ); + searchModalOpen(_searchModalElement2); + } + }); + + // Search Modal Close Trigger + $('body').on( + 'click', + '.directorist-search-modal__contents__btn--close, .directorist-search-modal__overlay', + function (e) { + e.preventDefault(); + // removed overlay class from body + document + .querySelector('.directorist-content-active') + .classList.remove('directorist-overlay-active'); + var searchModalElement = this.closest( + '.directorist-search-modal' + ); + searchModalClose(searchModalElement); + } + ); + + // Search Modal Minimizer Trigger + $('body').on( + 'click', + '.directorist-search-modal__minimizer', + function (e) { + e.preventDefault(); + var searchModalElement = this.closest( + '.directorist-search-modal' + ); + searchModalMinimize(searchModalElement); + } + ); + + // Search Field Input Value Check + function inputValueCheck(searchField) { + searchField = searchField[0]; + var inputBox = searchField.querySelector( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + var inputFieldValue = inputBox && inputBox.value; + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains('input-is-focused') + ) { + searchField.classList.add('input-is-focused'); + } + } else { + inputFieldValue = ''; + if (searchField.classList.contains('input-has-value')) { + searchField.classList.remove('input-has-value'); + } + if ( + searchField.classList.contains('input-is-focused') + ) { + searchField.classList.remove('input-is-focused'); + } + } + } + + // Search Field Input Event Check + function inputEventCheck(e, searchField) { + searchField = searchField[0]; + var inputBox = searchField.querySelector( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + var inputFieldValue = inputBox.value; + if (e.type === 'focusin') { + searchField.classList.add('input-is-focused'); + } else if (e.type === 'focusout') { + if (inputBox.classList.contains('directorist-select')) { + selectFocusOutCheck(searchField, inputBox); + } else { + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains( + 'input-is-focused' + ) + ) { + searchField.classList.add( + 'input-is-focused' + ); + } + } else { + searchField.classList.remove( + 'input-is-focused' + ); + } + } + } + } + + // Search Field Input Focusout Event Check + function selectFocusOutCheck(searchField, inputBox) { + searchField.classList.add('input-is-focused'); + var inputFieldValue = + inputBox.querySelector('select').value; + $('body').one('click', function (e) { + inputFieldValue = + inputBox.querySelector('select').value; + var parentWithClass = e.target.closest( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + if (!parentWithClass) { + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains( + 'input-is-focused' + ) + ) { + searchField.classList.add( + 'input-is-focused' + ); + } + } else { + searchField.classList.remove( + 'input-is-focused' + ); + } + } + }); + } + + // Search Form Select Field Init + function initSelectFields() { + var selectFields = document.querySelectorAll( + '.directorist-select.directorist-search-field__input:not(.directorist-search-basic-dropdown' + ); + selectFields.forEach(function (selectField) { + var searchField = $(selectField).closest( + '.directorist-search-field' + ); + inputValueCheck(searchField); + }); + } + initSelectFields(); + + // Search Form Input Field Check Trigger + $('body').on( + 'input keyup change', + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', + function (e) { + var searchField = $(this).closest( + '.directorist-search-field' + ); + inputValueCheck(searchField); + } + ); + $('body').on( + 'focus blur', + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', + function (e) { + var searchField = $(this).closest( + '.directorist-search-field' + ); + inputEventCheck(e, searchField); + } + ); + + // Search Form Input Clear Button + $('body').on( + 'click', + '.directorist-search-field__btn--clear', + function (e) { + var inputFields = this.parentElement.querySelectorAll( + '.directorist-form-element' + ); + var selectboxField = this.parentElement.querySelector( + '.directorist-select select' + ); + var basicDropdown = this.parentElement.querySelectorAll( + '.directorist-search-basic-dropdown-content' + ); + var radioFields = this.parentElement.querySelectorAll( + 'input[type="radio"]' + ); + var checkboxFields = + this.parentElement.querySelectorAll( + 'input[type="checkbox"]' + ); + if (selectboxField) { + selectboxField.selectedIndex = 0; + selectboxField.dispatchEvent(new Event('change')); + $(selectboxField).trigger('change'); + } + if (inputFields) { + inputFields.forEach(function (inputField) { + inputField.value = ''; + }); + } + if (radioFields) { + radioFields.forEach(function (element) { + element.checked = false; + }); + } + if (checkboxFields) { + checkboxFields.forEach(function (element) { + element.checked = false; + }); + } + if (basicDropdown) { + basicDropdown.forEach(function (dropdown) { + $(dropdown).slideUp(); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-count' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-item' + ) + .text(''); + }); + } + if ( + this.parentElement.classList.contains( + 'input-has-value' + ) || + this.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + var _this$parentElement$q; + this.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + (_this$parentElement$q = + this.parentElement.querySelector( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + )) === null || + _this$parentElement$q === void 0 || + _this$parentElement$q.classList.remove( + 'dropdown-content-show' + ); + } + handleRadiusVisibility(); + + // Reset Button Disable + var searchform = this.closest('form'); + var inputValue = $(this) + .parent('.directorist-search-field') + .find( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ) + .val(); + var selectValue = $(this) + .parent('.directorist-search-field') + .find( + '.directorist-search-field__input select:not(.directorist-search-basic-dropdown)' + ) + .val(); + if ( + (inputValue && + inputValue !== 0 && + inputValue !== undefined) || + (selectValue && selectValue.selectedIndex === 0) || + (selectValue && + selectValue.selectedIndex !== undefined) + ) { + enableResetButton(searchform); + } else { + setTimeout(function () { + initForm(searchform); + }, 100); + } + } + ); + + // Search Form Input Field Back Button + $('body').on( + 'click', + '.directorist-search-field__label:not(.directorist-search-basic-dropdown-label)', + function (e) { + var windowScreen = window.innerWidth; + var parentField = this.closest( + '.directorist-search-field' + ); + if (windowScreen <= 575) { + if ( + parentField.classList.contains( + 'input-is-focused' + ) + ) { + parentField.classList.remove( + 'input-is-focused' + ); + } + } + } + ); + + // Listing Type Change + $('body').on( + 'click', + '.search_listing_types', + function (event) { + event.preventDefault(); + var parent = $(this).closest( + '.directorist-search-contents' + ); + var listing_type = $(this).attr('data-listing_type'); + var type_current = parent.find( + '.directorist-listing-type-selection__link--current' + ); + if (type_current.length) { + type_current.removeClass( + 'directorist-listing-type-selection__link--current' + ); + $(this).addClass( + 'directorist-listing-type-selection__link--current' + ); + } + parent.find('.listing_type').val(listing_type); + var form_data = new FormData(); + form_data.append('action', 'atbdp_listing_types_form'); + form_data.append( + 'nonce', + directorist.directorist_nonce + ); + form_data.append('listing_type', listing_type); + var atts = parent.attr('data-atts'); + var atts_decoded = btoa(atts); + form_data.append('atts', atts_decoded); + parent + .find('.directorist-search-form-box') + .addClass('atbdp-form-fade'); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajax_url, + data: form_data, + success: function success(response) { + if (response) { + // Add Temp Element + var new_inserted_elm = + '
    '; + parent.before(new_inserted_elm); + + // Remove Old Parent + parent.remove(); + + // Insert New Parent + $('.directorist_search_temp').after( + response['search_form'] + ); + var newParent = $( + '.directorist_search_temp' + ).next(); + + // Toggle Active Class + newParent + .find( + '.directorist-listing-type-selection__link--current' + ) + .removeClass( + 'directorist-listing-type-selection__link--current' + ); + newParent + .find( + "[data-listing_type='" + + listing_type + + "']" + ) + .addClass( + 'directorist-listing-type-selection__link--current' + ); + + // Remove Temp Element + $('.directorist_search_temp').remove(); + var events = [ + new CustomEvent( + 'directorist-search-form-nav-tab-reloaded' + ), + new CustomEvent( + 'directorist-reload-select2-fields' + ), + new CustomEvent( + 'directorist-reload-map-api-field' + ), + new CustomEvent('triggerSlice'), + ]; + events.forEach(function (event) { + document.body.dispatchEvent(event); + window.dispatchEvent(event); + }); + handleRadiusVisibility(); + directorist_custom_range_slider(); + initSearchFields(); + (0, + _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__[ + 'default' + ])($); + } + var parentAfterAjax = $(this).closest( + '.directorist-search-contents' + ); + parentAfterAjax + .find('.directorist-search-form-box') + .removeClass('atbdp-form-fade'); + if ( + parentAfterAjax + .find('.directorist-search-form-box') + .find( + '.directorist-search-field-radius_search' + ).length + ) { + handleRadiusVisibility(); + directorist_custom_range_slider(); + } + }, + error: function error(_error) { + // console.log(error); + }, + }); + } + ); + (0, + _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_7__[ + 'default' + ])($); + + // Back Button to go back to the previous page + $('body').on('click', '.directorist-btn__back', function (e) { + e.preventDefault(); + window.history.back(); + }); + + // Radius Search Field Hide on Empty Location Field + function handleRadiusVisibility() { + // Add class to mark the radius search field + $('.directorist-range-slider-wrap') + .closest('.directorist-search-field') + .addClass('directorist-search-field-radius_search'); + var radius_search_item_selector = null; + var radius_search_based_on = $( + '.directorist-radius_search_based_on' + ).val(); + + // Determine which search item selector to use + if (radius_search_based_on === 'address') { + radius_search_item_selector = + '.directorist-location-js'; + } else if (radius_search_based_on === 'zip') { + radius_search_item_selector = + '.directorist-zipcode-search .zip-radius-search'; + } else { + // Default fallback + radius_search_item_selector = + '.directorist-location-js'; + } + + // Check if radius search item selector elements exist + var $radiusSearchItems = $(radius_search_item_selector); + if ($radiusSearchItems.length === 0) { + // If no elements found, hide all radius search containers + $( + '.directorist-search-field-radius_search, .directorist-radius-search' + ).css({ + display: 'none', + }); + } else { + // Loop through the elements + $radiusSearchItems.each(function (index, locationDOM) { + var $location = $(locationDOM); + var isEmpty = $location.val() === ''; + var $container = $location + .closest('.directorist-contents-wrap') + .find( + '.directorist-search-field-radius_search, .directorist-radius-search' + ); + $container.css({ + display: isEmpty ? 'none' : 'block', + }); + }); + } + } + + // handleRadiusVisibility Trigger + $('body').on( + 'keyup keydown input change focus', + '.directorist-location-js, .zip-radius-search', + function (e) { + handleRadiusVisibility(); + } + ); + + // rangeSlider, defaultTags Trigger on directory type | page change + $('body').on( + 'click', + '.directorist-type-nav__link, .directorist-pagination .page-numbers, .directorist-viewas .directorist-viewas__item', + function (e) { + setTimeout(function () { + handleRadiusVisibility(); + directorist_custom_range_slider(); + defaultTags(); + }, 600); + } + ); + + // directorist-instant-search-reloaded event + window.addEventListener( + 'directorist-instant-search-reloaded', + function () { + handleRadiusVisibility(); + directorist_custom_range_slider(); + defaultTags(); + } + ); + + // active class add on view as button + $('body').on( + 'click', + '.directorist-viewas .directorist-viewas__item', + function (e) { + $(this) + .addClass('active') + .siblings() + .removeClass('active'); + } + ); + + // Hide Country Result Click on Outside of Zipcode Field + $(document).on('click', function (e) { + if (!$(e.target).closest('.directorist-zip-code').length) { + $('.directorist-country').hide(); + } + }); + $('body').on( + 'click', + '.directorist-country ul li a', + function (event) { + event.preventDefault(); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + var lat = $(this).data('lat'); + var lon = $(this).data('lon'); + zipcode_search.find('.zip-cityLat').val(lat); + zipcode_search.find('.zip-cityLng').val(lon); + $('.directorist-country').hide(); + } + ); + $('.address_result').hide(); + + // Init Location + init_map_api_field(); + document.body.addEventListener( + 'directorist-reload-map-api-field', + init_map_api_field + ); + function init_map_api_field() { + if (directorist.i18n_text.select_listing_map === 'google') { + function initialize() { + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : ''; + var input_fields = [ + { + input_class: '.directorist-location-js', + lat_id: 'cityLat', + lng_id: 'cityLng', + options: options, + }, + { + input_id: 'address_widget', + lat_id: 'cityLat', + lng_id: 'cityLng', + options: options, + }, + ]; + var setupAutocomplete = function setupAutocomplete( + field + ) { + var input = document.querySelectorAll( + field.input_class + ); + input.forEach(function (elm) { + if (!elm) { + return; + } + var autocomplete = + new google.maps.places.Autocomplete( + elm, + field.options + ); + google.maps.event.addListener( + autocomplete, + 'place_changed', + function () { + var place = autocomplete.getPlace(); + elm + .closest( + '.directorist-search-field' + ) + .querySelector( + '#'.concat(field.lat_id) + ).value = + place.geometry.location.lat(); + elm + .closest( + '.directorist-search-field' + ) + .querySelector( + '#'.concat(field.lng_id) + ).value = + place.geometry.location.lng(); + } + ); + }); + }; + input_fields.forEach(function (field) { + setupAutocomplete(field); + }); + } + initialize(); + } else if ( + directorist.i18n_text.select_listing_map === + 'openstreet' + ) { + var getResultContainer = function getResultContainer( + context, + field + ) { + return $(context).next(field.search_result_elm); + }; + var getWidgetResultContainer = + function getWidgetResultContainer(context, field) { + return $(context) + .parent() + .next(field.search_result_elm); + }; + var input_fields = [ + { + input_elm: '.directorist-location-js', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '#q_addressss', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '.atbdp-search-address', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '#address_widget', + search_result_elm: '#address_widget_result', + getResultContainer: getWidgetResultContainer, + }, + ]; + input_fields.forEach(function (field) { + if (!$(field.input_elm).length) { + return; + } + $(field.input_elm).on( + 'keyup', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, + 37, 38, 39, 40, 45, 91, 93, 112, 113, + 114, 115, 116, 117, 118, 119, 120, 121, + 122, 123, 144, 145, + ]; + + // Return early when blocked key is pressed. + if ( + blockedKeyCodes.includes(event.keyCode) + ) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-search-field' + ); + var result_container = + field.getResultContainer(this, field); + var search = $(this).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + var currentIconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/paper-plane.svg'; + var currentIconHTML = + directorist.icon_markup + .replace( + '##URL##', + currentIconURL + ) + .replace( + '##CLASS##', + '' + ); + var currentLocationIconHTML = + "" + + currentIconHTML + + ''; + var currentLocationAddressHTML = + ""; + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/map-marker-alt.svg'; + var iconHTML = + directorist.icon_markup + .replace( + '##URL##', + iconURL + ) + .replace( + '##CLASS##', + '' + ); + var locationIconHTML = + "" + + iconHTML + + ''; + for ( + var i = 0, + len = + data.length > 5 + ? 5 + : data.length; + i < len; + i++ + ) { + ((res += + '
  • ' + + locationIconHTML + + "" + + data[i].display_name), + +'
    • '); + } + function displayLocation( + position, + event + ) { + var lat = + position.coords + .latitude; + var lng = + position.coords + .longitude; + $.ajax({ + url: + 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + + lng + + '&lat=' + + lat, + type: 'GET', + data: {}, + success: + function success( + data + ) { + $( + '.directorist-location-js, .atbdp-search-address' + ).val( + data.display_name + ); + $( + '.directorist-location-js, .atbdp-search-address' + ).attr( + 'data-value', + data.display_name + ); + $( + '#cityLat' + ).val(lat); + $( + '#cityLng' + ).val(lng); + var locationSearch = + $( + '.directorist-search-location' + ); + if ( + locationSearch.length + ) { + locationSearch.trigger( + 'change' + ); + } + }, + }); + } + result_container.html( + '' + ); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + $('body') + .off( + 'click', + '.address_result .current-location' + ) + .on( + 'click', + '.address_result .current-location', + function (e) { + e.preventDefault(); + navigator.geolocation.getCurrentPosition( + function ( + position + ) { + return displayLocation( + position, + e + ); + } + ); + } + ); + }, + error: function error(_error3) { + console.log({ + error: _error3, + }); + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + + // hide address result when click outside the input field + $(document).on('click', function (e) { + if ( + !$(e.target).closest( + '.directorist-location-js, #q_addressss, .atbdp-search-address, .current-location' + ).length + ) { + var locationSearch = $(e.target).closest( + '.directorist-search-location' + ); + var zipCodeSearch = $(e.target).closest( + '.directorist-zipcode-search' + ); + if (locationSearch.length) { + locationSearch.trigger('change'); + } + if (zipCodeSearch.length) { + zipCodeSearch.trigger('change'); + } + $('.address_result').hide(); + } + }); + var syncLatLngData = function syncLatLngData( + context, + event, + args + ) { + event.preventDefault(); + var text = $(context).text(); + var lat = $(context).data('lat'); + var lon = $(context).data('lon'); + var _this = event.target; + $(_this) + .closest('.address_result') + .siblings('input[name="cityLat"]') + .val(lat); + $(_this) + .closest('.address_result') + .siblings('input[name="cityLng"]') + .val(lon); + var inp = $(context) + .closest(args.result_list_container) + .parent() + .find( + '.directorist-location-js, #address_widget, #q_addressss, .atbdp-search-address' + ); + inp.val(text); + $(args.result_list_container).hide(); + }; + $('body').on( + 'click', + '.address_result ul li a', + function (event) { + syncLatLngData(this, event, { + result_list_container: '.address_result', + }); + } + ); + $('body').on( + 'click', + '#address_widget_result ul li a', + function (event) { + syncLatLngData(this, event, { + result_list_container: + '#address_widget_result', + }); + } + ); + } + if ( + $( + '.directorist-location-js, #q_addressss, .atbdp-search-address' + ).val() === '' + ) { + $(this).parent().next('.address_result').css({ + display: 'none', + }); + } + } + $('.directorist-search-contents').each(function () { + if ($(this).next().length === 0) { + $(this) + .find('.directorist-search-country') + .css('max-height', '175px'); + $(this) + .find('.directorist-search-field .address_result') + .css('max-height', '175px'); + } + }); + + // Custom Range Slider + function directorist_custom_range_slider() { + var sliders = document.querySelectorAll( + '.directorist-custom-range-slider' + ); + sliders.forEach(function (sliderItem) { + var _slider$directoristCu, + _slider$directoristCu2, + _slider$directoristCu3; + var slider = sliderItem.querySelector( + '.directorist-custom-range-slider__slide' + ); + + // Skip if already initialized + if (!slider || slider.directoristCustomRangeSlider) + return; + var sliderStep = + parseInt(slider.getAttribute('step')) || 1; + var sliderMinValue = + parseInt(slider.getAttribute('min-value')) || 0; + var sliderMaxValue = + parseInt(slider.getAttribute('max-value')) || 100; + var sliderDefaultValue = parseInt( + slider.getAttribute('default-value') + ); + var minInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var maxInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__max' + ); + var sliderRange = sliderItem.querySelector( + '.directorist-custom-range-slider__range' + ); + var sliderRangeShow = sliderItem.querySelector( + '.directorist-custom-range-slider__range__show' + ); + var sliderRangeValue = sliderItem.querySelector( + '.directorist-custom-range-slider__wrap .directorist-custom-range-slider__range' + ); + var minInputName = + (minInput === null || minInput === void 0 + ? void 0 + : minInput.getAttribute('name')) || ''; + var maxInputName = + (maxInput === null || maxInput === void 0 + ? void 0 + : maxInput.getAttribute('name')) || ''; + var isRTL = document.dir === 'rtl'; + + // Flags + var rangeInitLoad = true; + var sliderActivated = false; + var sliderRadiusActive = false; + + // Parse the URL parameters + var urlParams = new URLSearchParams( + window.location.search + ); + var customNumberParams = urlParams.get('custom-number'); + var rangeFieldName = + (sliderRange === null || sliderRange === void 0 + ? void 0 + : sliderRange.getAttribute('name')) || ''; + var fieldRangeValueParam = rangeFieldName + ? urlParams.get(rangeFieldName) + : null; + var specificRangeMinParam = minInputName + ? urlParams.get(minInputName) + : null; + var specificRangeMaxParam = maxInputName + ? urlParams.get(maxInputName) + : null; + var globalRangeMinParam = urlParams.get( + 'directorist-custom-range-slider__value__min' + ); + var globalRangeMaxParam = urlParams.get( + 'directorist-custom-range-slider__value__max' + ); + var effectiveRangeMinParam = + specificRangeMinParam !== null && + specificRangeMinParam !== void 0 + ? specificRangeMinParam + : globalRangeMinParam; + var effectiveRangeMaxParam = + specificRangeMaxParam !== null && + specificRangeMaxParam !== void 0 + ? specificRangeMaxParam + : globalRangeMaxParam; + var locationDistanceParams = urlParams.get('miles'); + var milesParams = urlParams.has('miles'); + if ( + rangeFieldName === 'miles' && + locationDistanceParams !== '0-0' && + sliderDefaultValue >= 0 + ) { + sliderRadiusActive = true; + } + + // if already have custom values, then slider is activated + if ( + fieldRangeValueParam && + fieldRangeValueParam !== '0-0' + ) { + sliderActivated = true; + } else if ( + customNumberParams && + customNumberParams !== '0-0' + ) { + sliderActivated = true; + } else if ( + effectiveRangeMaxParam && + effectiveRangeMaxParam !== '0' + ) { + sliderActivated = true; + } + if (typeof directoristCustomRangeSlider === 'undefined') + return; + if (sliderRadiusActive) { + var _directoristCustomRan; + // Radius Search Range Slider + (_directoristCustomRan = + directoristCustomRangeSlider) === null || + _directoristCustomRan === void 0 || + _directoristCustomRan.create(slider, { + start: [ + minInput.value, + !milesParams + ? sliderDefaultValue + : maxInput.value, + ], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: sliderStep ? sliderStep : 1, + range: { + min: Number(sliderMinValue || 0), + max: Number(sliderMaxValue || 100), + }, + }); + } else if (sliderActivated) { + var _directoristCustomRan2; + // Custom Number Range Slider + var minValue = minInput.value; + var maxValue = maxInput.value; + + // Assign min-max values from custom-range-slider params + if ( + fieldRangeValueParam && + fieldRangeValueParam !== '0-0' + ) { + var _fieldRangeValueParam = fieldRangeValueParam + .split('-') + .map(Number), + _fieldRangeValueParam2 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_fieldRangeValueParam, 2), + min = _fieldRangeValueParam2[0], + max = _fieldRangeValueParam2[1]; + minValue = min; + maxValue = max; + } else if ( + customNumberParams && + customNumberParams !== '0-0' + ) { + var _customNumberParams$s = customNumberParams + .split('-') + .map(Number), + _customNumberParams$s2 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_customNumberParams$s, 2), + _min = _customNumberParams$s2[0], + _max = _customNumberParams$s2[1]; + + // Use the split values as min-max + minValue = _min; + maxValue = _max; + } else if ( + effectiveRangeMinParam && + effectiveRangeMaxParam + ) { + // Modal Search Form + minValue = effectiveRangeMinParam; + maxValue = effectiveRangeMaxParam; + } + + // Initial with [min, max] value + (_directoristCustomRan2 = + directoristCustomRangeSlider) === null || + _directoristCustomRan2 === void 0 || + _directoristCustomRan2.create(slider, { + start: [ + minValue, + !milesParams + ? sliderDefaultValue || maxValue + : maxValue, + ], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: sliderStep ? sliderStep : 1, + range: { + min: Number(sliderMinValue || 0), + max: Number(sliderMaxValue || 100), + }, + }); + } else { + var _directoristCustomRan3; + // Initialize with [0, 0] and temp min/max + (_directoristCustomRan3 = + directoristCustomRangeSlider) === null || + _directoristCustomRan3 === void 0 || + _directoristCustomRan3.create(slider, { + start: [0, 0], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: 1, + range: { + min: 0, + max: 1, + }, + }); + } + + // Handle first interaction + (_slider$directoristCu = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu === void 0 || + _slider$directoristCu.on('start', function () { + if (sliderActivated || sliderRadiusActive) + return; + sliderActivated = true; + + // Range slider options update + slider.directoristCustomRangeSlider.updateOptions( + { + start: [sliderMinValue, sliderMinValue], + step: sliderStep, + range: { + min: sliderMinValue, + max: sliderMaxValue, + }, + } + ); + + // Trigger range slider observer + rangeSliderObserver(); + }); + + // Update slider config - update values but don't trigger change during drag + (_slider$directoristCu2 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu2 === void 0 || + _slider$directoristCu2.on( + 'update', + function (values, handle) { + var value = Math.round(values[handle]); + // Assign min-max value based on handler + if (handle === 0) { + minInput.value = value; + } else { + maxInput.value = value; + } + var rangeValue = '' + .concat(minInput.value, '-') + .concat(maxInput.value); + if (sliderRange) + sliderRange.value = rangeValue; + if (sliderRangeShow) + sliderRangeShow.innerHTML = rangeValue; + if (sliderRangeValue) { + sliderRangeValue.setAttribute( + 'value', + rangeValue + ); + } + } + ); + + // Trigger change only when dragging ends (mouse/touch released) + (_slider$directoristCu3 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu3 === void 0 || + _slider$directoristCu3.on('end', function () { + if (sliderRangeValue && !rangeInitLoad) { + $(sliderRangeValue).trigger('change'); + } + }); + + // Mark init complete + rangeInitLoad = false; + + // 🔁 Manual input update logic (on change/keyup) + function updateSliderFromInputs() { + var minValue = + Math.round( + parseInt(minInput.value || 0, 10) / + sliderStep + ) * sliderStep; + var maxValue = + Math.round( + parseInt(maxInput.value || 0, 10) / + sliderStep + ) * sliderStep; + if (isNaN(minValue)) minValue = 0; + if (isNaN(maxValue)) maxValue = 0; + if (!sliderActivated) { + sliderActivated = true; + slider.directoristCustomRangeSlider.updateOptions( + { + range: { + min: sliderMinValue, + max: sliderMaxValue, + }, + step: sliderStep, + start: [sliderMinValue, sliderMaxValue], + } + ); + } + + // Fix invalid ranges + if (minValue > maxValue) { + minInput.value = maxValue; + minValue = maxValue; + } + if (maxValue < minValue) { + maxInput.value = minValue; + maxValue = minValue; + } + slider.directoristCustomRangeSlider.set([ + minValue, + maxValue, + ]); + } + ['change', 'keyup'].forEach(function (evt) { + minInput.addEventListener( + evt, + updateSliderFromInputs + ); + maxInput.addEventListener( + evt, + updateSliderFromInputs + ); + }); + }); + } + directorist_custom_range_slider(); + + // Reset Custom Range Slider + function resetCustomRangeSlider(sliderItem) { + var slider = sliderItem.querySelector( + '.directorist-custom-range-slider__slide' + ); + var minInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var maxInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__max' + ); + var rangeValue = sliderItem.querySelector( + '.directorist-custom-range-slider__range' + ); + var radiusSearch = sliderItem.closest( + '.directorist-search-field-radius_search' + ); + var defaultValue = + slider.getAttribute('default-value') || '0'; + if (radiusSearch) { + var _slider$directoristCu4; + minInput.value = '0'; + maxInput.value = defaultValue; + slider === null || + slider === void 0 || + (_slider$directoristCu4 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu4 === void 0 || + _slider$directoristCu4.set([0, defaultValue]); // Set initial values + } else { + var _slider$directoristCu5; + // Reset values to their initial state + slider === null || + slider === void 0 || + (_slider$directoristCu5 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu5 === void 0 || + _slider$directoristCu5.set([0, 0]); // Set initial values + minInput.value = '0'; // Set initial min value + maxInput.value = '0'; // Set initial max value + rangeValue.value = '0-0'; + } + var sidebarRangeSlider = slider.closest( + '.listing-with-sidebar' + ); + if ( + sidebarRangeSlider && + slider !== null && + slider !== void 0 && + slider.directoristCustomRangeSlider + ) { + // Destroy the custom range slider instance + slider.directoristCustomRangeSlider.destroy(); + delete slider.directoristCustomRangeSlider; + } + } + + // DOM Mutation Observer on Location Field + function locationObserver() { + var targetNode = document.querySelector( + '.directorist-location-js' + ); + if (targetNode) { + var observer = new MutationObserver( + handleRadiusVisibility + ); + observer.observe(targetNode, { + attributes: true, + }); + } + } + locationObserver(); + handleRadiusVisibility(); + $('body').on( + 'keyup', + '.zip-radius-search', + directorist_debounce(function () { + var zipcode = $(this).val(); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + var country_suggest = zipcode_search.find( + '.directorist-country' + ); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + if (zipcode) { + zipcode_search.addClass('dir_loading'); + } + if ( + directorist.i18n_text.select_listing_map === + 'google' + ) { + var url = directorist.ajax_url; + } else { + url = + 'https://nominatim.openstreetmap.org/?postalcode='.concat( + zipcode, + '&format=json&addressdetails=1' + ); + $('.directorist-country').css({ + display: 'block', + }); + if (zipcode === '') { + $('.directorist-country').css({ + display: 'none', + }); + } + } + var res = ''; + var google_data = { + nonce: directorist.directorist_nonce, + action: 'directorist_zipcode_search', + zipcode: zipcode, + }; + $.ajax({ + url: url, + method: 'POST', + data: + directorist.i18n_text.select_listing_map === + 'google' + ? google_data + : '', + success: function success(data) { + if (data.data && data.data.error_message) { + zipcode_search + .find('.error_message') + .remove(); + zipcode_search.find('.zip-cityLat').val(''); + zipcode_search.find('.zip-cityLng').val(''); + zipcode_search.append( + data.data.error_message + ); + } + zipcode_search.removeClass('dir_loading'); + if ( + directorist.i18n_text.select_listing_map === + 'google' && + typeof data.lat !== 'undefined' && + typeof data.lng !== 'undefined' + ) { + zipcode_search + .find('.error_message') + .remove(); + zipcode_search + .find('.zip-cityLat') + .val(data.lat); + zipcode_search + .find('.zip-cityLng') + .val(data.lng); + } else { + if (data.length === 1) { + var lat = data[0].lat; + var lon = data[0].lon; + zipcode_search + .find('.zip-cityLat') + .val(lat); + zipcode_search + .find('.zip-cityLng') + .val(lon); + } else { + for (var i = 0; i < data.length; i++) { + res += '
  • ') + .concat( + data[i].address.country, + '
    • ' + ); + } + } + $(country_suggest).html( + '
      '.concat(res, '
    ') + ); + if (res.length) { + $('.directorist-country').show(); + } else { + $('.directorist-country').hide(); + } + } + }, + }); + }, 250) + ); + + // Returns a function, that, as long as it continues to be invoked, will not + // be triggered. The function will be called after it stops being called for + // N milliseconds. If `immediate` is passed, trigger the function on the + // leading edge, instead of the trailing. + function directorist_debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + // Custom Range Slider Value Check on Change + function sliderValueCheck(searchForm, targetNode, value) { + if (value > 0) { + enableResetButton(searchForm); + var rangeSlider = targetNode.closest( + '.directorist-custom-range-slider' + ); + if (!rangeSlider) return; + var customSliderMin = rangeSlider.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var customSliderRange = rangeSlider.querySelector( + '.directorist-custom-range-slider__range' + ); + customSliderMin.value = customSliderMin.value + ? customSliderMin.value + : 0; + customSliderRange.value = + customSliderMin.value + '-' + value; + } else { + initForm(searchForm); + } + } + + // DOM Mutation Observer on Custom Range Slider + function rangeSliderObserver() { + var targetNodes = document.querySelectorAll( + '.directorist-search-field:not(.directorist-search-field-radius_search) .directorist-custom-range-slider-handle-upper' + ); + targetNodes.forEach(function (targetNode) { + if (targetNode) { + var _searchForm2 = targetNode.closest('form'); + var observerCallback = function observerCallback( + mutationList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + if ( + targetNode.classList.contains( + 'directorist-custom-range-slider-handle-upper' + ) + ) { + sliderValueCheck( + _searchForm2, + targetNode, + parseInt( + targetNode.ariaValueNow + ) + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }; + var sliderObserver = new MutationObserver( + observerCallback + ); + sliderObserver.observe(targetNode, { + attributes: true, + }); + } + }); + } + rangeSliderObserver(); + }); + })(jQuery); + })(); + /******/ +})(); +//# sourceMappingURL=search-form.js.map diff --git a/assets/js/single-listing.js b/assets/js/single-listing.js index 0bf133fcd3..b7157993a7 100644 --- a/assets/js/single-listing.js +++ b/assets/js/single-listing.js @@ -1,1336 +1,2509 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id'), - label: $(this).data('label') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + label: $(this).data('label'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/formValidation.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/formValidation.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/formValidation.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - $('#directorist-report-abuse-form').on('submit', function (e) { - $('.directorist-report-abuse-modal button[type=submit]').addClass('directorist-btn-loading'); - // Check for errors - if (!e.isDefaultPrevented()) { - e.preventDefault(); - // Post via AJAX - var data = { - action: 'atbdp_public_report_abuse', - directorist_nonce: directorist.directorist_nonce, - post_id: $('#atbdp-post-id').val(), - message: $('#directorist-report-message').val() - }; - $.post(directorist.ajaxurl, data, function (response) { - if (1 == response.error) { - $('#directorist-report-abuse-message-display').addClass('text-danger').html(response.message); - } else { - $('#directorist-report-message').val(''); - $('#directorist-report-abuse-message-display').addClass('text-success').html(response.message); - } - $('.directorist-report-abuse-modal button[type=submit]').removeClass('directorist-btn-loading'); - }, 'json'); - } - }); - $('#atbdp-report-abuse-form').removeAttr('novalidate'); - - // Validate contact form - $('.directorist-contact-owner-form').on('submit', function (e) { - e.preventDefault(); - var $form = $(this); - var submit_button = $(this).find('button[type="submit"]'); - var status_area = $(this).find('.directorist-contact-message-display'); - - // Show loading message - var msg = '
    ' + directorist.waiting_msg + '
    '; - status_area.html(msg); - - // Serialize form data - var form_data = $form.serializeArray(); - var data = { - action: 'atbdp_public_send_contact_email', - directorist_nonce: directorist.directorist_nonce - }; - - // Convert serialized data array into an object - $.each(form_data, function (index, elem) { - data[elem.name] = elem.value; - }); - $.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 { - $form.trigger('reset'); - - // Show success message - var msg = '
    ' + response.message + '
    '; - status_area.html(msg); - } - setTimeout(function () { - status_area.html(''); - }, 5000); - }, 'json').always(function () { - submit_button.prop('disabled', false); - }); - }); - $('#atbdp-contact-form,#directorist-contact-owner-form').removeAttr('novalidate'); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + $('#directorist-report-abuse-form').on( + 'submit', + function (e) { + $( + '.directorist-report-abuse-modal button[type=submit]' + ).addClass('directorist-btn-loading'); + // Check for errors + if (!e.isDefaultPrevented()) { + e.preventDefault(); + // Post via AJAX + var data = { + action: 'atbdp_public_report_abuse', + directorist_nonce: + directorist.directorist_nonce, + post_id: $('#atbdp-post-id').val(), + message: $( + '#directorist-report-message' + ).val(), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (1 == response.error) { + $( + '#directorist-report-abuse-message-display' + ) + .addClass('text-danger') + .html(response.message); + } else { + $( + '#directorist-report-message' + ).val(''); + $( + '#directorist-report-abuse-message-display' + ) + .addClass('text-success') + .html(response.message); + } + $( + '.directorist-report-abuse-modal button[type=submit]' + ).removeClass( + 'directorist-btn-loading' + ); + }, + 'json' + ); + } + } + ); + $('#atbdp-report-abuse-form').removeAttr('novalidate'); + + // Validate contact form + $('.directorist-contact-owner-form').on( + 'submit', + function (e) { + e.preventDefault(); + var $form = $(this); + var submit_button = $(this).find( + 'button[type="submit"]' + ); + var status_area = $(this).find( + '.directorist-contact-message-display' + ); + + // Show loading message + var msg = + '
    ' + + directorist.waiting_msg + + '
    '; + status_area.html(msg); + + // Serialize form data + var form_data = $form.serializeArray(); + var data = { + action: 'atbdp_public_send_contact_email', + directorist_nonce: + directorist.directorist_nonce, + }; + + // Convert serialized data array into an object + $.each(form_data, function (index, elem) { + data[elem.name] = elem.value; + }); + $.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 { + $form.trigger('reset'); + + // Show success message + var msg = + '
    ' + + response.message + + '
    '; + status_area.html(msg); + } + setTimeout(function () { + status_area.html(''); + }, 5000); + }, + 'json' + ).always(function () { + submit_button.prop('disabled', false); + }); + } + ); + $( + '#atbdp-contact-form,#directorist-contact-owner-form' + ).removeAttr('novalidate'); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/listing-track.js": -/*!**********************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/listing-track.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/listing-track.js ***! \**********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-single-contents-area').length > 0) { - var listing_id = directorist.current_page_id; // listing id - var storage_key = 'directorist_listing_views'; // Key for session storage - - // Check if the user has already viewed this listing during the session. - var viewed_listings = JSON.parse(sessionStorage.getItem(storage_key)) || {}; - if (!viewed_listings[listing_id]) { - // Send an AJAX request to track the view for this specific listing. - $.ajax({ - type: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_track_listing_views', - listing_id: listing_id, - directorist_nonce: directorist.directorist_nonce - }, - success: function success(response) { - if (response.success) { - // Mark this listing as viewed in the session storage. - viewed_listings[listing_id] = true; - // Update the session storage. - sessionStorage.setItem(storage_key, JSON.stringify(viewed_listings)); - } - } - }); - } - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/login.js": -/*!**************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + if ($('.directorist-single-contents-area').length > 0) { + var listing_id = directorist.current_page_id; // listing id + var storage_key = 'directorist_listing_views'; // Key for session storage + + // Check if the user has already viewed this listing during the session. + var viewed_listings = + JSON.parse( + sessionStorage.getItem(storage_key) + ) || {}; + if (!viewed_listings[listing_id]) { + // Send an AJAX request to track the view for this specific listing. + $.ajax({ + type: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_track_listing_views', + listing_id: listing_id, + directorist_nonce: + directorist.directorist_nonce, + }, + success: function success(response) { + if (response.success) { + // Mark this listing as viewed in the session storage. + viewed_listings[listing_id] = true; + // Update the session storage. + sessionStorage.setItem( + storage_key, + JSON.stringify(viewed_listings) + ); + } + }, + }); + } + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/login.js': + /*!**************************************************!*\ !*** ./assets/src/js/public/components/login.js ***! \**************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_loginjs_executed === 'undefined') { - window.directorist_loginjs_executed = true; - } else { - return; - } - function initPasswordToggle() { - var passwordGroups = document.querySelectorAll('.directorist-password-group'); - passwordGroups.forEach(function (group) { - var passwordInput = group.querySelector('.directorist-password-group-input'); - var togglePassword = group.querySelector('.directorist-password-group-toggle'); - var eyeIcon = group.querySelector('.directorist-password-group-eyeIcon'); - if (passwordInput && togglePassword) { - togglePassword.addEventListener('click', function () { - var type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; - passwordInput.setAttribute('type', type); - - // Toggle eye icon (simple swap for open/closed) - if (eyeIcon) { - if (type === 'text') { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } else { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } - } - }); - } - }); - } - - // Call the function after DOM is ready - document.addEventListener('DOMContentLoaded', initPasswordToggle); - - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset all forms with the specified class - $('.directorist__authentication__signin').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('#directorist__authentication__login p.status').hide().empty(); - }); - window.addEventListener('load', function () { - // Perform AJAX login on form submit - $('form#directorist__authentication__login').on('submit', function (e) { - e.preventDefault(); - var $this = $(this); - var $button = $(this).find('.directorist-authentication__form__btn'); - $button.addClass('directorist-btn-loading'); // Added loading class - - $('#directorist__authentication__login p.status').show().html('
    ' + directorist.loading_message + '
    '); - var form_data = { - action: 'ajaxlogin', - username: $this.find('#username').val(), - password: $this.find('#password').val(), - rememberme: $this.find('#keep_signed_in').is(':checked') ? 1 : 0, - security: $this.find('#security').val() - }; - $.ajax({ - type: 'POST', - dataType: 'json', - url: directorist.ajax_url, - data: form_data, - success: function success(data) { - // Removed loading class - setTimeout(function () { - return $button.removeClass('directorist-btn-loading'); - }, 1000); - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
    ' + data.message + '
    '); - } - if (data.loggedin == true) { - $('p.status').html('
    ' + data.message + '
    '); - document.location.href = directorist.redirect_url; - } else { - $('p.status').html('
    ' + data.message + '
    '); - } - }, - error: function error(data) { - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
    ' + data.message + '
    '); - } - $('p.status').show().html('
    ' + directorist.login_error_message + '
    '); - } - }); - e.preventDefault(); - }); - $('form#directorist__authentication__login .status').on('click', 'a', function (e) { - e.preventDefault(); - if ($(this).attr('href') === '#atbdp_recovery_pass') { - $('#recover-pass-modal').slideDown().show(); - window.scrollTo({ - top: $('#recover-pass-modal').offset().top - 100, - behavior: 'smooth' - }); - } else { - location.href = $(this).attr('href'); - } - }); - - // Alert users to login (only if applicable) - $('.atbdp-require-login, .directorist-action-report-not-loggedin').on('click', function (e) { - e.preventDefault(); - alert(directorist.login_alert_message); - return false; - }); - - // Remove URL params to avoid show message again and again - var current_url = location.href; - var url = new URL(current_url); - url.searchParams.delete('registration_status'); - url.searchParams.delete('errors'); - // url.searchParams.delete('key'); - url.searchParams.delete('password_reset'); - url.searchParams.delete('confirm_mail'); - // url.searchParams.delete('user'); - url.searchParams.delete('verification'); - url.searchParams.delete('send_verification_email'); - window.history.pushState(null, null, url.toString()); - - // Authentication Form Toggle - $('body').on('click', '.directorist-authentication__btn, .directorist-authentication__toggle', function (e) { - e.preventDefault(); - $('.directorist-login-wrapper').toggleClass('active'); - $('.directorist-registration-wrapper').toggleClass('active'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/review.js": -/*!***************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_loginjs_executed === + 'undefined' + ) { + window.directorist_loginjs_executed = true; + } else { + return; + } + function initPasswordToggle() { + var passwordGroups = document.querySelectorAll( + '.directorist-password-group' + ); + passwordGroups.forEach(function (group) { + var passwordInput = group.querySelector( + '.directorist-password-group-input' + ); + var togglePassword = group.querySelector( + '.directorist-password-group-toggle' + ); + var eyeIcon = group.querySelector( + '.directorist-password-group-eyeIcon' + ); + if (passwordInput && togglePassword) { + togglePassword.addEventListener( + 'click', + function () { + var type = + passwordInput.getAttribute( + 'type' + ) === 'password' + ? 'text' + : 'password'; + passwordInput.setAttribute( + 'type', + type + ); + + // Toggle eye icon (simple swap for open/closed) + if (eyeIcon) { + if (type === 'text') { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } else { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } + } + } + ); + } + }); + } + + // Call the function after DOM is ready + document.addEventListener( + 'DOMContentLoaded', + initPasswordToggle + ); + + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset all forms with the specified class + $('.directorist__authentication__signin').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('#directorist__authentication__login p.status') + .hide() + .empty(); + } + ); + window.addEventListener('load', function () { + // Perform AJAX login on form submit + $('form#directorist__authentication__login').on( + 'submit', + function (e) { + e.preventDefault(); + var $this = $(this); + var $button = $(this).find( + '.directorist-authentication__form__btn' + ); + $button.addClass('directorist-btn-loading'); // Added loading class + + $( + '#directorist__authentication__login p.status' + ) + .show() + .html( + '
    ' + + directorist.loading_message + + '
    ' + ); + var form_data = { + action: 'ajaxlogin', + username: $this.find('#username').val(), + password: $this.find('#password').val(), + rememberme: $this + .find('#keep_signed_in') + .is(':checked') + ? 1 + : 0, + security: $this.find('#security').val(), + }; + $.ajax({ + type: 'POST', + dataType: 'json', + url: directorist.ajax_url, + data: form_data, + success: function success(data) { + // Removed loading class + setTimeout(function () { + return $button.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + if (data.loggedin == true) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + document.location.href = + directorist.redirect_url; + } else { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + }, + error: function error(data) { + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + $('p.status') + .show() + .html( + '
    ' + + directorist.login_error_message + + '
    ' + ); + }, + }); + e.preventDefault(); + } + ); + $('form#directorist__authentication__login .status').on( + 'click', + 'a', + function (e) { + e.preventDefault(); + if ( + $(this).attr('href') === + '#atbdp_recovery_pass' + ) { + $('#recover-pass-modal').slideDown().show(); + window.scrollTo({ + top: + $('#recover-pass-modal').offset() + .top - 100, + behavior: 'smooth', + }); + } else { + location.href = $(this).attr('href'); + } + } + ); + + // Alert users to login (only if applicable) + $( + '.atbdp-require-login, .directorist-action-report-not-loggedin' + ).on('click', function (e) { + e.preventDefault(); + alert(directorist.login_alert_message); + return false; + }); + + // Remove URL params to avoid show message again and again + var current_url = location.href; + var url = new URL(current_url); + url.searchParams.delete('registration_status'); + url.searchParams.delete('errors'); + // url.searchParams.delete('key'); + url.searchParams.delete('password_reset'); + url.searchParams.delete('confirm_mail'); + // url.searchParams.delete('user'); + url.searchParams.delete('verification'); + url.searchParams.delete('send_verification_email'); + window.history.pushState(null, null, url.toString()); + + // Authentication Form Toggle + $('body').on( + 'click', + '.directorist-authentication__btn, .directorist-authentication__toggle', + function (e) { + e.preventDefault(); + $('.directorist-login-wrapper').toggleClass( + 'active' + ); + $( + '.directorist-registration-wrapper' + ).toggleClass('active'); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/review.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/review.js ***! \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_review_starRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./review/advanced-review */ "./assets/src/js/public/components/review/advanced-review.js"); -// Helper Components - -// import './review/addReview' -// import './review/reviewAttatchment' -// import './review/deleteReview' -// import './review/reviewPagination' - - -/***/ }), - -/***/ "./assets/src/js/public/components/review/advanced-review.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _review_starRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./review/advanced-review */ './assets/src/js/public/components/review/advanced-review.js' + ); + // Helper Components + + // import './review/addReview' + // import './review/reviewAttatchment' + // import './review/deleteReview' + // import './review/reviewPagination' + + /***/ + }, + + /***/ './assets/src/js/public/components/review/advanced-review.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/review/advanced-review.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); -/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - (function ($) { - 'use strict'; - - var ReplyFormObserver = /*#__PURE__*/function () { - function ReplyFormObserver() { - var _this = this; - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, ReplyFormObserver); - this.init(); - $(document).on('directorist_review_updated', function () { - return _this.init(); - }); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(ReplyFormObserver, [{ - key: "init", - value: function init() { - var node = document.querySelector('.commentlist'); - if (node) { - this.observe(node); - } - } - }, { - key: "observe", - value: function observe(node) { - var config = { - childList: true, - subtree: true - }; - var observer = new MutationObserver(this.callback); - observer.observe(node, config); - } - }, { - key: "callback", - value: function callback(mutationsList, observer) { - var _iterator = _createForOfIteratorHelper(mutationsList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - var target = mutation.target; - if (mutation.removedNodes) { - target.classList.remove('directorist-form-added'); - var _iterator2 = _createForOfIteratorHelper(mutation.removedNodes), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var node = _step2.value; - if (!node.id || node.id !== 'respond') { - continue; - } - var criteria = node.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = ''; - } - var ratings = node.querySelectorAll('.directorist-review-criteria-select'); - var _iterator3 = _createForOfIteratorHelper(ratings), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var rating = _step3.value; - rating.removeAttribute('disabled'); - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - node.querySelector('#submit').innerHTML = 'Submit Review'; - node.querySelector('#comment').setAttribute('placeholder', 'Leave a review'); - //console.log(node.querySelector('#comment')) - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - var form = target.querySelector('#commentform'); - if (form) { - target.classList.add('directorist-form-added'); - var isReview = target.classList.contains('review'); - var isEditing = target.classList.contains('directorist-form-editing'); - if (!isReview || isReview && !isEditing) { - var _criteria = form.querySelector('.directorist-review-criteria'); - if (_criteria) { - _criteria.style.display = 'none'; - } - var _ratings = form.querySelectorAll('.directorist-review-criteria-select'); - var _iterator4 = _createForOfIteratorHelper(_ratings), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var _rating = _step4.value; - _rating.setAttribute('disabled', 'disabled'); - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - } - var alert = form.querySelector('.directorist-alert'); - if (alert) { - alert.style.display = 'none'; - } - form.querySelector('#submit').innerHTML = 'Submit Reply'; - form.querySelector('#comment').setAttribute('placeholder', 'Leave your reply'); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - }]); - }(); - var CommentEditHandler = /*#__PURE__*/function () { - function CommentEditHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentEditHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentEditHandler, [{ - key: "init", - value: function init() { - $(document).on('submit', '#directorist-form-comment-edit', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - event.preventDefault(); - var $form = $(event.target); - var originalButtonLabel = $form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', $form); - var formData = new FormData($form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var updateComment = $.ajax({ - url: $form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $form.find('#comment').prop('disabled', true); - $form.find('[type="submit"]').prop('disabled', true).val('loading'); - var commentID = $form.find('input[name="comment_id"]').val(); - var $wrap = $('#div-comment-' + commentID); - $wrap.addClass('directorist-comment-edit-request'); - updateComment.done(function (data, status, request) { - if (typeof data !== 'string' && !data.success) { - $wrap.removeClass('directorist-comment-edit-request'); - CommentEditHandler.showError($form, data.data.html); - return; - } - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var commentTop = $('#comment-' + commentID).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (commentID) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - updateComment.fail(function (data) { - CommentEditHandler.showError($form, data.responseText); - }); - updateComment.always(function () { - $form.find('#comment').prop('disabled', false); - $form.find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', $form); - } - }], [{ - key: "showError", - value: function showError($form, msg) { - $form.find('.directorist-alert').remove(); - $form.prepend(msg); - } - }]); - }(); - var CommentAddReplyHandler = /*#__PURE__*/function () { - function CommentAddReplyHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentAddReplyHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentAddReplyHandler, [{ - key: "init", - value: function init() { - var t = setTimeout(function () { - if ($('.directorist-review-container').length) { - $(document).off('submit', '#commentform'); - } - clearTimeout(t); - }, 2000); - $(document).off('submit', '.directorist-review-container #commentform'); - $(document).on('submit', '.directorist-review-container #commentform', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - var _this2 = this; - event.preventDefault(); - console.log(wp.hooks); - var form = $('.directorist-review-container #commentform'); - var originalButtonLabel = form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', form); - var formData = new FormData(form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var do_comment = $.ajax({ - url: form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $('#comment').prop('disabled', true); - form.find('[type="submit"]').prop('disabled', true).val('loading'); - do_comment.done(function (data, status, request) { - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - var errorMsg = body.find('.wp-die-message'); - if (errorMsg.length > 0) { - CommentAddReplyHandler.showError(form, errorMsg); - $(document).trigger('directorist_review_update_failed'); - return; - } - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var newComment = comments.find('.commentlist li:first-child'); - var newCommentId = newComment.attr('id'); - - // // catch the new comment id by comparing to old dom. - // commentsLists.each( - // function ( index ) { - // var _this = $( commentsLists[ index ] ); - // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { - // newCommentId = _this.attr( 'id' ); - // } - // } - // ); - - // console.log(newComment, newCommentId) - - var commentTop = $('#' + newCommentId).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (newCommentId) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - do_comment.fail(function (data) { - var body = $('
    '); - body.append(data.responseText); - console.log(data); - CommentAddReplyHandler.showError(form, body.find('.wp-die-message')); - $(document).trigger('directorist_review_update_failed'); - if (data.status === 403 || data.status === 401) { - $(document).off('submit', '.directorist-review-container #commentform', _this2.onSubmit); - $('#comment').prop('disabled', false); - form.find('[type="submit"]').prop('disabled', false).click(); - } - }); - do_comment.always(function () { - $('#comment').prop('disabled', false); - $('#commentform').find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', form); - } - }], [{ - key: "getErrorMsg", - value: function getErrorMsg($dom) { - if ($dom.find('p').length) { - $dom = $dom.find('p'); - } - var words = $dom.text().split(':'); - if (words.length > 1) { - words.shift(); - } - return words.join(' ').trim(); - } - }, { - key: "showError", - value: function showError(form, $dom) { - if (form.find('.directorist-alert').length) { - form.find('.directorist-alert').remove(); - } - var $error = $('
    ', { - class: 'directorist-alert directorist-alert-danger' - }).html(CommentAddReplyHandler.getErrorMsg($dom)); - form.prepend($error); - } - }]); - }(); - var CommentsManager = /*#__PURE__*/function () { - function CommentsManager() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentsManager); - this.$doc = $(document); - this.setupComponents(); - this.addEventListeners(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentsManager, [{ - key: "initStarRating", - value: function initStarRating() { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - }, { - key: "cancelOthersEditMode", - value: function cancelOthersEditMode(currentCommentId) { - $('.directorist-comment-editing').each(function (index, comment) { - var $cancelButton = $(comment).find('.directorist-js-cancel-comment-edit'); - if ($cancelButton.data('commentid') != currentCommentId) { - $cancelButton.click(); - } - }); - } - }, { - key: "cancelReplyMode", - value: function cancelReplyMode() { - var replyLink = document.querySelector('.directorist-review-content #cancel-comment-reply-link'); - replyLink && replyLink.click(); - } - }, { - key: "addEventListeners", - value: function addEventListeners() { - var _this3 = this; - var self = this; - this.$doc.on('directorist_review_updated', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('directorist_comment_edit_form_loaded', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('click', 'a[href="#respond"]', function (event) { - // First cancle the reply form then scroll to review form. Order matters. - _this3.cancelReplyMode(); - _this3.onWriteReivewClick(event); - }); - this.$doc.on('click', '.directorist-js-edit-comment', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.addClass('directorist-comment-edit-request'); - $.ajax({ - url: $target.attr('href'), - data: { - post_id: $target.data('postid'), - comment_id: $target.data('commentid') - }, - setContent: false, - method: 'GET', - reload: 'strict', - success: function success(response) { - $target.prop('disabled', true); - $target.parents('#div-comment-' + $target.data('commentid')).find('.directorist-review-single__info').append(response.data.html); - $wrap.removeClass('directorist-comment-edit-request').addClass('directorist-comment-editing'); - self.cancelOthersEditMode($target.data('commentid')); - self.cancelReplyMode(); - var $editForm = $('#directorist-form-comment-edit'); - $editForm.find('textarea').focus(); - self.$doc.trigger('directorist_comment_edit_form_loaded', $target.data('commentid')); - } - }); - }); - this.$doc.on('click', '.directorist-js-cancel-comment-edit', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.removeClass(['directorist-comment-edit-request', 'directorist-comment-editing']).find('form').remove(); - $wrap.find('.directorist-js-edit-comment').prop('disabled', false); - }); - } - }, { - key: "onWriteReivewClick", - value: function onWriteReivewClick(event) { - event.preventDefault(); - var scrollTop = $('#respond').offset().top; - if ($('body').hasClass('admin-bar')) { - scrollTop = scrollTop - $('#wpadminbar').height(); - } - $('body, html').animate({ - scrollTop: scrollTop - }, 600); - } - }, { - key: "setupComponents", - value: function setupComponents() { - new ReplyFormObserver(); - new CommentAddReplyHandler(); - new CommentEditHandler(); - } - }]); - }(); - var commentsManager = new CommentsManager(); - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/classCallCheck */ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js' + ); + /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/createClass */ './node_modules/@babel/runtime/helpers/esm/createClass.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + (function ($) { + 'use strict'; + + var ReplyFormObserver = /*#__PURE__*/ (function () { + function ReplyFormObserver() { + var _this = this; + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, ReplyFormObserver); + this.init(); + $(document).on( + 'directorist_review_updated', + function () { + return _this.init(); + } + ); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(ReplyFormObserver, [ + { + key: 'init', + value: function init() { + var node = + document.querySelector( + '.commentlist' + ); + if (node) { + this.observe(node); + } + }, + }, + { + key: 'observe', + value: function observe(node) { + var config = { + childList: true, + subtree: true, + }; + var observer = new MutationObserver( + this.callback + ); + observer.observe(node, config); + }, + }, + { + key: 'callback', + value: function callback( + mutationsList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationsList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + var target = mutation.target; + if (mutation.removedNodes) { + target.classList.remove( + 'directorist-form-added' + ); + var _iterator2 = + _createForOfIteratorHelper( + mutation.removedNodes + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = + _iterator2.n()) + .done; + + ) { + var node = + _step2.value; + if ( + !node.id || + node.id !== + 'respond' + ) { + continue; + } + var criteria = + node.querySelector( + '.directorist-review-criteria' + ); + if (criteria) { + criteria.style.display = + ''; + } + var ratings = + node.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator3 = + _createForOfIteratorHelper( + ratings + ), + _step3; + try { + for ( + _iterator3.s(); + !(_step3 = + _iterator3.n()) + .done; + + ) { + var rating = + _step3.value; + rating.removeAttribute( + 'disabled' + ); + } + } catch (err) { + _iterator3.e( + err + ); + } finally { + _iterator3.f(); + } + node.querySelector( + '#submit' + ).innerHTML = + 'Submit Review'; + node.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave a review' + ); + //console.log(node.querySelector('#comment')) + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + var form = + target.querySelector( + '#commentform' + ); + if (form) { + target.classList.add( + 'directorist-form-added' + ); + var isReview = + target.classList.contains( + 'review' + ); + var isEditing = + target.classList.contains( + 'directorist-form-editing' + ); + if ( + !isReview || + (isReview && !isEditing) + ) { + var _criteria = + form.querySelector( + '.directorist-review-criteria' + ); + if (_criteria) { + _criteria.style.display = + 'none'; + } + var _ratings = + form.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator4 = + _createForOfIteratorHelper( + _ratings + ), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = + _iterator4.n()) + .done; + + ) { + var _rating = + _step4.value; + _rating.setAttribute( + 'disabled', + 'disabled' + ); + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + } + var alert = + form.querySelector( + '.directorist-alert' + ); + if (alert) { + alert.style.display = + 'none'; + } + form.querySelector( + '#submit' + ).innerHTML = + 'Submit Reply'; + form.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave your reply' + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }, + }, + ]); + })(); + var CommentEditHandler = /*#__PURE__*/ (function () { + function CommentEditHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentEditHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentEditHandler, + [ + { + key: 'init', + value: function init() { + $(document).on( + 'submit', + '#directorist-form-comment-edit', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + event.preventDefault(); + var $form = $(event.target); + var originalButtonLabel = $form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + $form + ); + var formData = new FormData( + $form[0] + ); + + // Apply the filter + formData = wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var updateComment = $.ajax({ + url: $form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $form + .find('#comment') + .prop('disabled', true); + $form + .find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + var commentID = $form + .find( + 'input[name="comment_id"]' + ) + .val(); + var $wrap = $( + '#div-comment-' + commentID + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + updateComment.done( + function ( + data, + status, + request + ) { + if ( + typeof data !== + 'string' && + !data.success + ) { + $wrap.removeClass( + 'directorist-comment-edit-request' + ); + CommentEditHandler.showError( + $form, + data.data.html + ); + return; + } + var body = $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var commentTop = $( + '#comment-' + commentID + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (commentID) { + $('body, html').animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + updateComment.fail(function (data) { + CommentEditHandler.showError( + $form, + data.responseText + ); + }); + updateComment.always(function () { + $form + .find('#comment') + .prop('disabled', false); + $form + .find('[type="submit"]') + .prop('disabled', false) + .val(originalButtonLabel); + }); + $(document).trigger( + 'directorist_review_after_submit', + $form + ); + }, + }, + ], + [ + { + key: 'showError', + value: function showError($form, msg) { + $form + .find('.directorist-alert') + .remove(); + $form.prepend(msg); + }, + }, + ] + ); + })(); + var CommentAddReplyHandler = + /*#__PURE__*/ (function () { + function CommentAddReplyHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentAddReplyHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentAddReplyHandler, + [ + { + key: 'init', + value: function init() { + var t = setTimeout(function () { + if ( + $( + '.directorist-review-container' + ).length + ) { + $(document).off( + 'submit', + '#commentform' + ); + } + clearTimeout(t); + }, 2000); + $(document).off( + 'submit', + '.directorist-review-container #commentform' + ); + $(document).on( + 'submit', + '.directorist-review-container #commentform', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + var _this2 = this; + event.preventDefault(); + console.log(wp.hooks); + var form = $( + '.directorist-review-container #commentform' + ); + var originalButtonLabel = form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + form + ); + var formData = new FormData( + form[0] + ); + + // Apply the filter + formData = + wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var do_comment = $.ajax({ + url: form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $('#comment').prop( + 'disabled', + true + ); + form.find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + do_comment.done( + function ( + data, + status, + request + ) { + var body = + $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + var errorMsg = + body.find( + '.wp-die-message' + ); + if ( + errorMsg.length > 0 + ) { + CommentAddReplyHandler.showError( + form, + errorMsg + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + return; + } + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var newComment = + comments.find( + '.commentlist li:first-child' + ); + var newCommentId = + newComment.attr( + 'id' + ); + + // // catch the new comment id by comparing to old dom. + // commentsLists.each( + // function ( index ) { + // var _this = $( commentsLists[ index ] ); + // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { + // newCommentId = _this.attr( 'id' ); + // } + // } + // ); + + // console.log(newComment, newCommentId) + + var commentTop = $( + '#' + newCommentId + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (newCommentId) { + $( + 'body, html' + ).animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + do_comment.fail( + function (data) { + var body = + $('
    '); + body.append( + data.responseText + ); + console.log(data); + CommentAddReplyHandler.showError( + form, + body.find( + '.wp-die-message' + ) + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + if ( + data.status === + 403 || + data.status === 401 + ) { + $(document).off( + 'submit', + '.directorist-review-container #commentform', + _this2.onSubmit + ); + $('#comment').prop( + 'disabled', + false + ); + form.find( + '[type="submit"]' + ) + .prop( + 'disabled', + false + ) + .click(); + } + } + ); + do_comment.always(function () { + $('#comment').prop( + 'disabled', + false + ); + $('#commentform') + .find('[type="submit"]') + .prop('disabled', false) + .val( + originalButtonLabel + ); + }); + $(document).trigger( + 'directorist_review_after_submit', + form + ); + }, + }, + ], + [ + { + key: 'getErrorMsg', + value: function getErrorMsg($dom) { + if ($dom.find('p').length) { + $dom = $dom.find('p'); + } + var words = $dom + .text() + .split(':'); + if (words.length > 1) { + words.shift(); + } + return words.join(' ').trim(); + }, + }, + { + key: 'showError', + value: function showError( + form, + $dom + ) { + if ( + form.find( + '.directorist-alert' + ).length + ) { + form.find( + '.directorist-alert' + ).remove(); + } + var $error = $('
    ', { + class: 'directorist-alert directorist-alert-danger', + }).html( + CommentAddReplyHandler.getErrorMsg( + $dom + ) + ); + form.prepend($error); + }, + }, + ] + ); + })(); + var CommentsManager = /*#__PURE__*/ (function () { + function CommentsManager() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentsManager); + this.$doc = $(document); + this.setupComponents(); + this.addEventListeners(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(CommentsManager, [ + { + key: 'initStarRating', + value: function initStarRating() { + $( + '.directorist-review-criteria-select' + ).barrating({ + theme: 'fontawesome-stars', + }); + }, + }, + { + key: 'cancelOthersEditMode', + value: function cancelOthersEditMode( + currentCommentId + ) { + $('.directorist-comment-editing').each( + function (index, comment) { + var $cancelButton = $( + comment + ).find( + '.directorist-js-cancel-comment-edit' + ); + if ( + $cancelButton.data( + 'commentid' + ) != currentCommentId + ) { + $cancelButton.click(); + } + } + ); + }, + }, + { + key: 'cancelReplyMode', + value: function cancelReplyMode() { + var replyLink = document.querySelector( + '.directorist-review-content #cancel-comment-reply-link' + ); + replyLink && replyLink.click(); + }, + }, + { + key: 'addEventListeners', + value: function addEventListeners() { + var _this3 = this; + var self = this; + this.$doc.on( + 'directorist_review_updated', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'directorist_comment_edit_form_loaded', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'click', + 'a[href="#respond"]', + function (event) { + // First cancle the reply form then scroll to review form. Order matters. + _this3.cancelReplyMode(); + _this3.onWriteReivewClick( + event + ); + } + ); + this.$doc.on( + 'click', + '.directorist-js-edit-comment', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + $.ajax({ + url: $target.attr('href'), + data: { + post_id: + $target.data( + 'postid' + ), + comment_id: + $target.data( + 'commentid' + ), + }, + setContent: false, + method: 'GET', + reload: 'strict', + success: function success( + response + ) { + $target.prop( + 'disabled', + true + ); + $target + .parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ) + .find( + '.directorist-review-single__info' + ) + .append( + response.data + .html + ); + $wrap + .removeClass( + 'directorist-comment-edit-request' + ) + .addClass( + 'directorist-comment-editing' + ); + self.cancelOthersEditMode( + $target.data( + 'commentid' + ) + ); + self.cancelReplyMode(); + var $editForm = $( + '#directorist-form-comment-edit' + ); + $editForm + .find('textarea') + .focus(); + self.$doc.trigger( + 'directorist_comment_edit_form_loaded', + $target.data( + 'commentid' + ) + ); + }, + }); + } + ); + this.$doc.on( + 'click', + '.directorist-js-cancel-comment-edit', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap + .removeClass([ + 'directorist-comment-edit-request', + 'directorist-comment-editing', + ]) + .find('form') + .remove(); + $wrap + .find( + '.directorist-js-edit-comment' + ) + .prop('disabled', false); + } + ); + }, + }, + { + key: 'onWriteReivewClick', + value: function onWriteReivewClick(event) { + event.preventDefault(); + var scrollTop = + $('#respond').offset().top; + if ($('body').hasClass('admin-bar')) { + scrollTop = + scrollTop - + $('#wpadminbar').height(); + } + $('body, html').animate( + { + scrollTop: scrollTop, + }, + 600 + ); + }, + }, + { + key: 'setupComponents', + value: function setupComponents() { + new ReplyFormObserver(); + new CommentAddReplyHandler(); + new CommentEditHandler(); + }, + }, + ]); + })(); + var commentsManager = new CommentsManager(); + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": -/*!*******************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/classCallCheck.js': + /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _classCallCheck; } -/* harmony export */ }); -function _classCallCheck(a, n) { - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/createClass.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _classCallCheck; + }, + /* harmony export */ + } + ); + function _classCallCheck(a, n) { + if (!(a instanceof n)) + throw new TypeError( + 'Cannot call a class as a function' + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/createClass.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _createClass; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperties(e, r) { - for (var t = 0; t < r.length; t++) { - var o = r[t]; - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o.key), o); - } -} -function _createClass(e, r, t) { - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { - writable: !1 - }), e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _createClass; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var o = r[t]; + ((o.enumerable = o.enumerable || !1), + (o.configurable = !0), + 'value' in o && (o.writable = !0), + Object.defineProperty( + e, + (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(o.key), + o + )); + } + } + function _createClass(e, r, t) { + return ( + r && _defineProperties(e.prototype, r), + t && _defineProperties(e, t), + Object.defineProperty(e, 'prototype', { + writable: !1, + }), + e + ); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/public/modules/single-listing.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/formValidation */ "./assets/src/js/public/components/formValidation.js"); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_formValidation__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/listing-track */ "./assets/src/js/public/components/listing-track.js"); -/* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_listing_track__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_9__); -// General Components - - - - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=single-listing.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/review */ './assets/src/js/public/components/review.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/formValidation */ './assets/src/js/public/components/formValidation.js' + ); + /* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/login */ './assets/src/js/public/components/login.js' + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_login__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/listing-track */ './assets/src/js/public/components/listing-track.js' + ); + /* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../../global/components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=single-listing.js.map diff --git a/assets/js/widgets.js b/assets/js/widgets.js index 9a861ee0b5..3f47d5c42f 100644 --- a/assets/js/widgets.js +++ b/assets/js/widgets.js @@ -1,198 +1,313 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*************************************************!*\ !*** ./assets/src/js/public/modules/widgets.js ***! \*************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__); -/* window.addEventListener('load', () => { + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ + ); + /* window.addEventListener('load', () => { (function ($) { })(jQuery); }); */ - - -}(); -/******/ })() -; -//# sourceMappingURL=widgets.js.map \ No newline at end of file + })(); + /******/ +})(); +//# sourceMappingURL=widgets.js.map diff --git a/assets/src/js/public/components/instantSearch.js b/assets/src/js/public/components/instantSearch.js index d33a50b8e2..11d6aec151 100644 --- a/assets/src/js/public/components/instantSearch.js +++ b/assets/src/js/public/components/instantSearch.js @@ -355,7 +355,7 @@ import initSearchCategoryCustomFields from './category-custom-fields'; function checkRequiredFields(searchElm) { // Select all required inputs and selects inside searchElm const requiredInputs = searchElm.find( - 'input[required], select[required], textarea[required]' + '.directorist-search-field input[required], .directorist-search-field select[required], .directorist-search-field textarea[required]' ); let requiredFieldsAreValid = true;